/* tokens.css — PainCube design tokens (PRD §5.2–5.4) */

/* Pretendard Variable (self-hostable fonts loaded via CSS in main.css / <link>) */

:root {
  /* Navy (PainCube, anchor #1A1A5C) */
  --navy-900:#0B0E2A; --navy-800:#0F1235; --navy-700:#14164A; --navy-600:#1A1A5C;
  --navy-500:#262A78; --navy-400:#3A3F9C; --navy-300:#565CBE; --navy-200:#8D92D9;
  --navy-100:#C5C8EE; --navy-050:#EBECF9;
  /* Light-blue accent (anchor #7A9FD4) */
  --blue-700:#3E5C8C; --blue-600:#4E72A6; --blue-500:#6E93C8; --blue-400:#7A9FD4;
  --blue-300:#9BB6DF; --blue-200:#C0D2EC; --blue-100:#E3ECF7;
  /* Teal/Cyan highlight */
  --teal-600:#0E9B84; --teal-500:#14B8A1; --teal-400:#2AD0B8; --cyan-300:#6FE6E2;
  /* Neutrals (white body) */
  --white:#FFFFFF; --gray-050:#F7F9FC; --gray-100:#EDF1F7; --gray-200:#DCE3ED;
  --gray-300:#C2CCDB; --gray-400:#9AA6B8; --gray-500:#6B7688; --gray-600:#4A5568;
  --gray-700:#2F3846; --gray-900:#131A26;
  /* Semantic (color never sole channel) */
  --risk-high:#E03B45; --risk-med:#F2A32C; --risk-safe:#2FA36B; --data-accent:#14B8A1;
  /* StellarCube gradient — FOOTER/credit only */
  --stellar-grad:linear-gradient(120deg,#1BB89A 0%,#3D3D8F 100%);
  /* Surface/text pairs */
  --dark-surface:var(--navy-800); --dark-surface-raise:rgba(255,255,255,.06);
  --dark-border:rgba(255,255,255,.14); --dark-text:#F2F4FB;
  --dark-text-soft:#C5C8EE; --dark-text-mute:#8D92D9;
  --light-surface:var(--white); --light-surface-alt:var(--gray-050);
  --light-border:var(--gray-200); --light-text:var(--gray-900);
  --light-text-soft:var(--gray-600); --light-text-mute:var(--gray-500);
  /* Functional */
  --focus-ring:#6FE6E2;
  --hero-wash:radial-gradient(120% 90% at 70% 20%, rgba(46,208,184,.18) 0%, rgba(26,26,92,0) 60%);
  --shadow-card:0 8px 30px rgba(15,18,53,.10); --shadow-card-dark:0 12px 40px rgba(0,0,0,.35);
  --shadow-float:0 8px 24px rgba(15,18,53,.28);

  /* Typography */
  --font-sans:"Pretendard Variable","Pretendard","Inter",-apple-system,BlinkMacSystemFont,
    "Segoe UI","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --fs-display:clamp(2.75rem,7.5vw,5rem);
  --fs-h1:clamp(2rem,5vw,3.25rem);
  --fs-h2:clamp(1.75rem,4vw,2.75rem);
  --fs-h3:clamp(1.375rem,2.2vw,1.75rem);
  --fs-stat:clamp(2.75rem,7vw,5rem);
  --fs-body:1rem;
  --fs-lead:clamp(1.0625rem,1.6vw,1.25rem);
  --fs-caption:0.8125rem;
  --fs-label:0.75rem;

  /* Layout */
  --content-max:1240px; --content-narrow:760px;
  --gutter:clamp(1.25rem,5vw,4rem);
  --space-section-y:clamp(1.75rem,4vw,3rem);
  --space-hero-y:clamp(3rem,7vh,5rem);
  --nav-h:72px;
  --radius-card:28px;
  --shadow-block:0 18px 60px rgba(15,18,53,.10), 0 2px 8px rgba(15,18,53,.05);

  /* Motion */
  --dur-fast:150ms; --dur-base:300ms;
  --ease-out:cubic-bezier(.16,1,.3,1);
}