/* TCM The Present — Design Tokens
   Source of truth: GUIDELINE.md §2, §3, §4
   DO NOT edit values here without updating GUIDELINE.md first. */

:root {
  /* ── Colours (BLUE theme — recoloured from the green phase-02 design) ─── */
  --color-primary:        #005F8E;   /* was #00684a */
  --color-primary-dark:   #001e2b;   /* unchanged (headings); footer uses --color-footer-bg */
  --color-primary-mid:    #0077AA;   /* was #00a35c */
  --color-accent:         #00B4D8;   /* was #00ed64 */
  --color-accent-light:   #BAE6FD;   /* was #c3f0d2 */
  --color-accent-subtle:  #F0F9FF;   /* was #EDF2E2 */
  --color-bg:             #FAF9F3;   /* unchanged (cream) */
  --color-bg-alt:         #F0F9FF;   /* was #EDF2E2 */
  --color-text-heading:   #001e2b;
  --color-text-body:      #3D4A52;
  --color-text-muted:     #5A6573;
  --color-white:          #FFFFFF;
  --color-border:         #BAD5E8;   /* was #D8E8DC */
  --color-star:           #F4B400;   /* gold — unchanged */
  --color-error:          #C0392B;
  --color-success:        #005F8E;   /* was #00684a */
  --color-placeholder-bg: #EFF8FF;   /* was #F0F4F0 */
  --color-placeholder-text: #5A6573; /* was #7A8A82 */

  /* Surfaces (operator requests) */
  --color-footer-bg:      #0A2540;   /* pure dark navy, no green tint */
  --color-cta-button:      #F4E7CB;  /* creamy CTA-strip button */
  --color-cta-button-hover:#ECDCB4;

  /* ── Fonts ───────────────────────────────────────── */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ko:      'Noto Sans KR', system-ui, sans-serif;
  --font-sans:    'Plus Jakarta Sans', system-ui, sans-serif;

  /* ── Type scale (fluid / clamp) ──────────────────── */
  --text-hero:    clamp(2.375rem, 5vw,   3.75rem);
  --text-h1:      clamp(2.125rem, 4.5vw, 3.25rem);
  --text-h2:      clamp(1.75rem,  3.5vw, 2.5rem);
  --text-h3:      clamp(1.375rem, 2vw,   1.625rem);
  --text-eyebrow: 0.8125rem;
  --text-body-xl: clamp(1.25rem,  1.8vw, 1.375rem);
  --text-body-lg: clamp(1.125rem, 1.5vw, 1.1875rem);
  --text-body:    clamp(1.0625rem,1.2vw, 1.125rem);
  --text-body-sm: clamp(0.875rem, 1vw,   0.9375rem);
  --text-ui:      1rem;

  /* ── Spacing ─────────────────────────────────────── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ── Radii ───────────────────────────────────────── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-pill: 999px;

  /* ── Shadows ─────────────────────────────────────── */
  --shadow-card:  0 2px 8px  rgba(0,30,43,0.06);
  --shadow-hover: 0 6px 20px rgba(0,30,43,0.10);
  --shadow-header:0 2px 12px rgba(0,30,43,0.07);

  /* ── Transitions ─────────────────────────────────── */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow:   0.3s ease;
}