:root { --bg: #0f1115; --panel: #171a21; --panel-2: #1d212a; --border: #262b36; --text: #e6e8ee; --muted: #8a92a3; --accent: #f55036; --accent-hover: #ff6448; --ok: #4ade80; --warn: #fbbf24; --danger: #ef4444; --modal-shell: #1a1e27; --modal-toolbar: #12151d; --overlay-scrim: rgba(5, 8, 14, 0.72); --radius: 10px; --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } /* Light theme — activated when the profile-menu toggle sets . Applies to the whole resume app UI. */ :root[data-theme="light"] { --bg: #f5f7fa; --panel: #ffffff; --panel-2: #eef1f6; --border: #d5dae2; --text: #1a2340; --muted: #6a7688; --accent: #d84528; --accent-hover: #f55036; --ok: #16a34a; --warn: #b45309; --danger: #b91c1c; --modal-shell: #ffffff; --modal-toolbar: #eef1f6; --overlay-scrim: rgba(30, 40, 60, 0.45); } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 15px; line-height: 1.5; } a { color: var(--accent); text-decoration: none; } a:hover { color: var(--accent-hover); text-decoration: underline; } header { padding: 16px 40px 14px; max-width: 1200px; margin: 0 auto; /* Sticky app-bar. Content scrolls under so the header + hamburger + action buttons stay reachable. */ position: sticky; top: 0; z-index: 100; background: var(--bg); border-bottom: 1px solid var(--border); } .header-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; } .header-text { flex: 1; min-width: 0; } .header-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } /* KPR profile chip docked into the title row (moved by JS). Unfix its position and let flex put it next to the title. Dropdown stays anchored to the chip container. */ .header-top #kpr-core-account { position: relative; top: auto; right: auto; flex: 0 0 auto; } /* The base look of the hamburger button is set INLINE in JS (see relocateAccountIntoHeader in index.html) because kpr-core injects its own