/* Theme tokens from src/apps/career/style.css (2026-10-30: light on :root, research/2026-10-30-light-theme/PALETTE.md; the
   former dark set under :root[data-theme="dark"] for a future toggle). The card tokens stay dark in both. */
:root{
  --f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --bg:#F5F6F9;--bg-2:#FFFFFF;--surface:#FFFFFF;--surface-2:#EFF1F6;--surface-3:#E2E6EF;
  --glass:rgba(255,255,255,.88);--glass-b:rgba(28,38,56,.11);--hl:rgba(255,255,255,.95);
  --border:rgba(28,38,56,.10);--border-2:rgba(28,38,56,.24);
  --text:#161B26;--muted:#5B6476;--faint:#667185;
  --inv:#202735;--inv-text:#FFFFFF;--ring:#B52464;--ring-rgb:181,36,100;
  --shadow-1:0 1px 2px rgba(28,38,56,.03),0 4px 12px rgba(28,38,56,.04);
  --shadow-2:0 2px 6px rgba(28,38,56,.03),0 12px 34px rgba(28,38,56,.07);
  --glow-a:.12;--grid:rgba(28,38,56,.025);--top-bg:rgba(255,255,255,.91);--ov:rgba(22,29,43,.42);
  --low:#087D69;--med:#936100;--high:#BC471D;--vhigh:#BF245D;--sky:#2464B7;--pos:#087D69;--neg:#BF245D;--neg-soft:rgba(191,36,93,.08);
  --chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B6476' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  /* the card tokens — kept separate so a card stays a dark object wherever it is drawn */
  --card-bg:#0F121A;--card-bg-2:#151A27;--card-text:#F5F6FA;--card-muted:#A5ABBC;--card-faint:#828A9D;--card-border:rgba(255,255,255,.10);--card-hl:rgba(255,255,255,.16);--card-glass:rgba(255,255,255,.07);
  --c-low:#3DE8C6;--c-low-rgb:61,232,198;--c-med:#FFC83D;--c-med-rgb:255,200,61;--c-high:#FF7A45;--c-high-rgb:255,122,69;--c-vhigh:#FF3D8A;--c-vhigh-rgb:255,61,138;--c-sky:#5CB8FF;--c-sky-rgb:92,184,255;
  --spectrum:linear-gradient(90deg,#087D69 0%,#936100 38%,#BC471D 66%,#BF245D 100%);
  --spectrum-vivid:linear-gradient(90deg,#3DE8C6 0%,#FFC83D 38%,#FF7A45 66%,#FF3D8A 100%);
  --seg-on:#FFFFFF;--halo:.07;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0B0D12;--bg-2:#0F121A;--surface:#12151E;--surface-2:#191D29;--surface-3:#232838;
  --glass:rgba(255,255,255,.05);--glass-b:rgba(255,255,255,.10);--hl:rgba(255,255,255,.14);
  --border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.20);
  --text:#F2F4F8;--muted:#A3A9BA;--faint:#858CA0;   /* 2026-09-19 다크 일원화: 라이트 테마를 걷어냈다(오너 결정). 카드·공유 이미지·배너·OG 가 원래 다크 고정이었고, 가독성 버그가 전부 라이트에서만 났다. */
  --inv:#F5F6FA;--inv-text:#0B0D12;--ring:#F5F6FA;--ring-rgb:245,246,250;
  --shadow-1:0 1px 2px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.35);
  --shadow-2:0 2px 6px rgba(0,0,0,.4),0 24px 64px rgba(0,0,0,.6);
  --glow-a:.5;--grid:rgba(255,255,255,.045);--top-bg:rgba(11,13,18,.72);--ov:rgba(4,5,9,.8);
  --low:#3DE8C6;--med:#FFC83D;--high:#FF7A45;--vhigh:#FF3D8A;--sky:#5CB8FF;--pos:#3DE8C6;--neg:#FF5E9B;--neg-soft:rgba(255,94,155,.18);
  --chev:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A3A9BA' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
  --spectrum:var(--spectrum-vivid);
  --seg-on:#262B3A;--halo:.22;
  color-scheme:dark;
}