/* ==========================================================================
   ALLCOM Design System · Tokens
   브랜드: 올컴 블루(로고) + 온도 스펙트럼(냉각 블루 ↔ 가열 앰버)
   자세한 설명: docs/DESIGN-SYSTEM.md, 화면: /design-system
   ========================================================================== */
:root {
  /* Brand */
  --brand: #0050a4;          /* 로고 블루 */
  --brand-strong: #003b7a;
  --brand-bright: #1f6fe0;

  /* Temperature spectrum */
  --cool: #3d8bff;
  --cool-deep: #1659d6;
  --cool-soft: #e3edff;
  --warm: #ff7a3d;
  --warm-deep: #e2551b;
  --warm-soft: #ffeadf;
  --temp-gradient: linear-gradient(90deg, #3d8bff 0%, #9fc2ff 32%, #f3e6dd 56%, #ffb27f 76%, #ff6a2b 100%);

  /* Product colors */
  --sky: #b7cbe9;
  --ivory: #efebe3;

  /* Neutrals (warm paper + navy ink) */
  --ink: #0b1220;
  --ink-2: #273044;
  --muted: #5f6879;
  --subtle: #737b8c;
  --line: rgb(11 18 32 / 0.1);
  --line-strong: rgb(11 18 32 / 0.18);
  --paper: #f6f5f1;
  --paper-2: #edebe5;
  --surface: #ffffff;
  --night: #060a13;
  --night-2: #0d1424;
  --night-line: rgb(255 255 255 / 0.12);
  --kickstarter: #05ce78;

  /* Typography */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: "JetBrains Mono", "Pretendard Variable", Pretendard, ui-monospace, "SF Mono", Menlo, monospace;

  --fs-display: clamp(3rem, 1.6rem + 6.4vw, 8.25rem);
  --fs-h1: clamp(2.4rem, 1.5rem + 3.9vw, 5.25rem);
  --fs-h2: clamp(2rem, 1.35rem + 2.6vw, 3.75rem);
  --fs-h3: clamp(1.35rem, 1.1rem + 0.9vw, 1.9rem);
  --fs-h4: clamp(1.125rem, 1.05rem + 0.35vw, 1.35rem);
  --fs-lead: clamp(1.075rem, 1rem + 0.35vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-caption: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.08;
  --lh-snug: 1.25;
  --lh-body: 1.7;
  --tracking-display: -0.045em;
  --tracking-heading: -0.03em;

  /* Space (4px grid) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;
  --section: clamp(88px, 6rem + 6vw, 200px);
  --section-sm: clamp(64px, 4rem + 4vw, 128px);
  --gutter: clamp(20px, 1rem + 2vw, 48px);
  --container: 1320px;
  --container-narrow: 860px;

  /* Shape */
  --r-xs: 8px; --r-sm: 12px; --r-md: 18px; --r-lg: 28px; --r-xl: 40px; --r-pill: 999px;

  /* Elevation */
  --shadow-1: 0 1px 2px rgb(11 18 32 / 0.06), 0 2px 8px rgb(11 18 32 / 0.04);
  --shadow-2: 0 10px 30px -12px rgb(11 18 32 / 0.18), 0 2px 6px rgb(11 18 32 / 0.05);
  --shadow-3: 0 40px 80px -30px rgb(11 18 32 / 0.35);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-1: 160ms; --dur-2: 280ms; --dur-3: 520ms; --dur-4: 900ms;

  --header-h: 72px;
  --bar-h: 0px;

  color-scheme: light;
}

:root:lang(ja) {
  --fs-display: clamp(2.5rem, 1.4rem + 4.8vw, 6.5rem);
  --fs-h1: clamp(2.1rem, 1.3rem + 3.2vw, 4.4rem);
  --fs-h2: clamp(1.75rem, 1.2rem + 2.2vw, 3.2rem);
  --font-mono: "JetBrains Mono", "Pretendard JP Variable", "Pretendard JP", ui-monospace, monospace;
  --font-sans: "Pretendard JP Variable", "Pretendard JP", "Pretendard Variable", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;
  --tracking-display: -0.03em;
  --tracking-heading: -0.02em;
}

@media (max-width: 720px) {
  :root { --header-h: 60px; --fs-body: 1rem; }
}