/* =============================================================
   Petra — Design Tokens  ·  v3 "Clear Lab"
   Crystalline / glass direction: cool high-key white, glass panels,
   ink-black UI, champagne accent, hairline leader lines,
   light wide-tracked labels. Petra = stone, read as clear quartz
   rather than sandstone. Reference: the texture-swatch film.
   ============================================================= */
:root {
  /* Neutrals — cool, high-key */
  --bg: #F7F8F9;           /* cool near-white ground */
  --bg-alt: #EEF1F3;       /* pale glass grey */
  --bg-muted: #E4E8EC;
  --bg-pure: #FFFFFF;      /* card / glass fill */
  --text-primary: #10151A; /* ink */
  --text-secondary: #545E68;
  --text-muted: #646E79;   /* 4.7:1 on --bg */
  --border: #E1E6EA;
  --border-strong: #C8D0D7;
  --hairline: #C2CBD3;     /* leader lines, rules */

  /* Accent (champagne — from the amber essence swatch) */
  --accent: #B5925F;        /* decorative: numbers, rules, swatch chips */
  --accent-strong: #7F6133; /* 5.3:1 on --bg — links, small accent text */
  --accent-soft: #F3EEE4;
  --accent-soft-b: #E3D7C0;

  /* Ice (cool glass tint) */
  --ice: #DCE6EC;
  --ice-soft: #EDF3F6;

  /* Ink band */
  --dark-bg: #0E1216;
  --dark-bg-2: #070A0C;
  --dark-text: #F2F5F7;
  --dark-muted: #9BA6B0;   /* 8.2:1 on --dark-bg */

  /* Status */
  --success: #2E6B4F;
  --error: #A83B3B;
  --focus-ring: #10151A;

  /* Type — one family, weight does the work */
  --font-sans: "Manrope", "Pretendard Variable", "Noto Sans KR",
               -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-label: var(--font-sans);   /* wide-tracked uppercase labels */
  --font-mono: var(--font-sans);    /* v2 compat — no mono in v3 */

  /* Type scale (fluid) — lighter and tighter than v2 */
  --fs-display: clamp(2.5rem, 3.8vw + 1.05rem, 4rem);      /* 40 -> 64 */
  --fs-h2:      clamp(1.75rem, 2.2vw + 0.85rem, 2.625rem); /* 28 -> 42 */
  --fs-h3:      clamp(1.125rem, 0.6vw + 0.98rem, 1.3125rem);
  --fs-lede:    clamp(1.0625rem, 0.4vw + 0.95rem, 1.1875rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.65625rem;  /* 10.5px */

  --lh-display: 1.06;
  --lh-h2: 1.14;
  --lh-h3: 1.35;
  --lh-lede: 1.62;
  --lh-body: 1.68;

  /* Weights — the display end is deliberately light */
  --w-display: 250;
  --w-h2: 300;
  --w-body: 400;
  --w-label: 600;

  /* Tracking */
  --tr-display: -0.032em;
  --tr-label: 0.24em;

  /* Spacing scale (4px base) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-24: 96px; --sp-32: 128px;

  /* Layout */
  --container: 1280px;
  --container-pad: 24px;
  --section-pad-y: 120px;

  /* Radius — crisp, technical (v2 was soft and pill-shaped) */
  --r-input: 4px;
  --r-card: 6px;
  --r-lg: 10px;
  --r-pill: 999px;   /* chips only */

  /* Shadows — cool, diffuse, low-contact */
  --shadow-1: 0 1px 2px rgba(16,21,26,.04);
  --shadow-2: 0 20px 48px -28px rgba(16,21,26,.30);
  --shadow-3: 0 44px 90px -40px rgba(16,21,26,.38);
  --glass-edge: inset 0 1px 0 rgba(255,255,255,.85);

  /* Motion */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --ease-soft: cubic-bezier(0.33, 0.02, 0, 1);
  --dur-fast: 150ms;
  --dur: 220ms;
  --dur-slow: 340ms;
}

@media (max-width: 767px) {
  :root {
    --section-pad-y: 76px;
    --container-pad: 18px;
  }
}