/* DEEPVIBE Design Tokens — DEEPVIBE-Design-System.html 스펙 그대로 */
:root{
  /* brand — deep blue (282C) */
  --depth-900:#02101F;--depth-800:#03162C;--depth-700:#041E42;--depth-600:#082C5C;
  --depth-500:#0E3E7C;--depth-400:#1C5598;--depth-300:#3A77BE;--depth-200:#7BA8D8;--depth-100:#C4DAF0;
  /* abyss / charcoal */
  --abyss-900:#06080B;--abyss-800:#0A0D12;--abyss-700:#10141A;
  --charcoal-600:#181D24;--charcoal-500:#222831;--charcoal-400:#2D343E;--charcoal-300:#3A434F;
  /* matte silver */
  --silver-050:#F4F6F8;--silver-100:#E5E9ED;--silver-200:#CDD3DA;--silver-300:#AEB6C0;
  --silver-400:#8B95A1;--silver-500:#6B7480;--silver-600:#4E5762;--silver-700:#363E48;--silver-800:#232A32;
  /* signals — 채도 낮춘 기술적 톤 */
  --signal-ok:#3FA98C;--signal-warn:#C8973F;--signal-alert:#C2543F;--signal-info:#3A77BE;
  /* semantic (dark 기본) */
  --bg-base:var(--abyss-900);--bg-surface:var(--abyss-800);--bg-raised:var(--charcoal-600);
  --text-strong:var(--silver-050);--text-body:var(--silver-200);--text-dim:var(--silver-400);
  --accent:var(--depth-300);--border-hair:var(--charcoal-500);
  /* type scale 1.250 */
  --fs-3xs:.6875rem;--fs-2xs:.75rem;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;
  --fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;
  --fs-5xl:clamp(3.25rem,5.5vw,4.75rem);--fs-6xl:clamp(4.5rem,9vw,8.5rem);
  --lh-solid:.95;--lh-tight:1.06;--lh-snug:1.22;--lh-normal:1.5;--lh-relaxed:1.66;
  --ls-tightest:-.03em;--ls-tight:-.015em;--ls-wide:.04em;--ls-wider:.12em;--ls-widest:.24em;
  /* spacing — 8px grid */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:48px;
  --sp-9:64px;--sp-10:80px;--sp-11:104px;--sp-12:128px;
  /* geometry — near-sharp, radius 상한 10px */
  --r-xs:1px;--r-sm:2px;--r-md:4px;--r-lg:6px;--r-xl:10px;
  --bw-hair:1px;--bw-thin:1.5px;--bw-thick:2px;
  --control-md:40px;--control-lg:48px;--control-xl:56px;--tap-min:44px;
  /* layout */
  --container-sm:640px;--container-md:920px;--container-lg:1200px;--container-xl:1400px;
  --gutter:clamp(1.25rem,5vw,5rem);--section-y:clamp(4rem,10vw,9rem);
  /* motion — no bounce */
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:140ms;--dur-base:240ms;--dur-slow:420ms;--dur-deep:720ms;
  /* fonts */
  --font-display:'Helvetica Now Display','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-body:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
}