/* ── Design tokens ─────────────────────────────────────────── */
:root {
  color-scheme: light;
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Noto Sans KR', sans-serif;
  --mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  --bg: #f5f5f7;            --bg-elev: #ffffff;         --bg-sunken: #ececf1;
  --surface: #ffffff;       --surface-2: #f7f7fa;       --surface-3: #eeeef3;
  --glass: rgba(255,255,255,.72);
  --border: rgba(15,15,25,.08);   --border-strong: rgba(15,15,25,.16);
  --text: #0b0b0f;          --text-2: #4a4a5a;          --text-3: #8b8b9c;   --text-inv: #ffffff;
  --accent: #2a78d6;        --accent-2: #1c5cab;        --accent-soft: rgba(42,120,214,.10); --accent-ring: rgba(42,120,214,.28);
  --success: #0ca30c;       --warning: #fab219;         --serious: #ec835a;  --danger: #d03b3b;
  --success-soft: rgba(12,163,12,.10); --warning-soft: rgba(250,178,25,.14); --danger-soft: rgba(208,59,59,.10);
  /* series (dataviz validated order) */
  --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --s4: #eda100; --s5: #e87ba4; --s6: #008300; --s7: #4a3aa7; --s8: #e34948;
  --seq-1: #cde2fb; --seq-2: #9ec5f4; --seq-3: #6da7ec; --seq-4: #3987e5; --seq-5: #256abf; --seq-6: #184f95; --seq-7: #0d366b;
  --grid: rgba(15,15,25,.07);

  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;
  --sh-sm: 0 1px 2px rgba(10,10,20,.05), 0 1px 1px rgba(10,10,20,.03);
  --sh: 0 2px 6px rgba(10,10,20,.06), 0 8px 24px -8px rgba(10,10,20,.10);
  --sh-lg: 0 12px 40px -12px rgba(10,10,20,.22), 0 2px 8px rgba(10,10,20,.06);
  --sh-pop: 0 20px 60px -16px rgba(10,10,20,.30), 0 0 0 1px var(--border);
  --ease: cubic-bezier(.2,.7,.2,1); --ease-spring: cubic-bezier(.34,1.4,.64,1);
  --sidebar-w: 236px; --topbar-h: 56px;
  --platform-instagram: #e1306c; --platform-tiktok: #111111; --platform-youtube: #ff0000; --platform-meta_ads: #0866ff; --platform-google: #1a73e8; --platform-29cm: #ff4800; --platform-wconcept: #3d3d3d; --platform-web: #6b7280;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --bg:#0f0f12; --bg-elev:#16161b; --bg-sunken:#0a0a0d; --surface:#17171c; --surface-2:#1e1e25; --surface-3:#26262f; --glass:rgba(22,22,27,.72); --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.16); --text:#f4f4f6; --text-2:#b9b9c6; --text-3:#7f7f92; --accent:#3987e5; --accent-2:#5598e7; --accent-soft:rgba(57,135,229,.16); --accent-ring:rgba(57,135,229,.35); --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767; --grid:rgba(255,255,255,.07); --sh-sm:0 1px 2px rgba(0,0,0,.4); --sh:0 2px 6px rgba(0,0,0,.35), 0 8px 24px -8px rgba(0,0,0,.5); --sh-lg:0 12px 40px -12px rgba(0,0,0,.7); --sh-pop:0 20px 60px -16px rgba(0,0,0,.8), 0 0 0 1px var(--border); --platform-tiktok:#f2f2f2; } }
:root[data-theme="dark"] { color-scheme: dark; --bg:#0f0f12; --bg-elev:#16161b; --bg-sunken:#0a0a0d; --surface:#17171c; --surface-2:#1e1e25; --surface-3:#26262f; --glass:rgba(22,22,27,.72); --border:rgba(255,255,255,.08); --border-strong:rgba(255,255,255,.16); --text:#f4f4f6; --text-2:#b9b9c6; --text-3:#7f7f92; --accent:#3987e5; --accent-2:#5598e7; --accent-soft:rgba(57,135,229,.16); --accent-ring:rgba(57,135,229,.35); --s1:#3987e5; --s2:#d95926; --s3:#199e70; --s4:#c98500; --s5:#d55181; --s6:#008300; --s7:#9085e9; --s8:#e66767; --grid:rgba(255,255,255,.07); --sh-sm:0 1px 2px rgba(0,0,0,.4); --sh:0 2px 6px rgba(0,0,0,.35), 0 8px 24px -8px rgba(0,0,0,.5); --sh-lg:0 12px 40px -12px rgba(0,0,0,.7); --sh-pop:0 20px 60px -16px rgba(0,0,0,.8), 0 0 0 1px var(--border); --platform-tiktok:#f2f2f2; }
:root[data-density="compact"] { --card-pad: 12px; --gap: 10px; }
:root { --card-pad: 18px; --gap: 14px; }