/* ─────────────────────────────────────────────────────────────
   Rung Productions — Design tokens
   Source of truth: CLAUDE.md in project root.
   Naming: --c-* color · --t-* type · --s-* space · --r-* radius
           --ease / --d-* motion
   ───────────────────────────────────────────────────────────── */

:root {
  /* Color ─ warm near-black + amber */
  --c-bg:            #0b0b0d;
  --c-bg-subtle:     #141418;
  --c-bg-card:       #1c1c20;
  --c-text:          #f1ede4;
  --c-text-muted:    #8a8478;
  --c-text-faint:    #4a4640;
  --c-divider:       rgba(255, 237, 200, 0.08);
  --c-accent:        #d4a550;
  --c-accent-fg:     #1a1814;

  /* Type ─ families */
  --t-serif: "Cormorant Garamond", "EB Garamond", "Times New Roman", Georgia, serif;
  --t-sans:  "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;

  /* Type ─ size scale, fluid */
  --t-12: 0.75rem;
  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-18: 1.125rem;
  --t-21: clamp(1.125rem, 0.95rem + 0.6vw, 1.3125rem);
  --t-28: clamp(1.5rem, 1.2rem + 1.2vw, 1.75rem);
  --t-40: clamp(2rem, 1.5rem + 2vw, 2.5rem);
  --t-56: clamp(2.5rem, 1.8rem + 3.5vw, 3.5rem);
  --t-80: clamp(3rem, 2rem + 5vw, 5.5rem);
  --t-96: clamp(3.5rem, 2rem + 7vw, 6rem);

  /* Type ─ weight */
  --tw-serif-med:  500;
  --tw-serif-bold: 600;
  --tw-sans-reg:   400;
  --tw-sans-med:   500;

  /* Type ─ line-height */
  --tlh-tight: 1.02;
  --tlh-snug:  1.1;
  --tlh-body:  1.55;

  /* Type ─ letter-spacing */
  --tls-head:    -0.01em;
  --tls-body:    -0.003em;
  --tls-eyebrow: 0.14em;

  /* Space */
  --s-1:   4px;
  --s-2:   8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-6:  24px;
  --s-8:  32px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;
  --s-48: 192px;
  --s-64: 256px;

  --s-container:      980px;
  --s-container-wide: 1200px;
  --s-gutter: clamp(20px, 4vw, 40px);

  /* Radius */
  --r-btn:  4px;
  --r-sm:   6px;
  --r-md:  12px;
  --r-card: 18px;
  --r-pill: 999px;

  /* Motion */
  --ease:     cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --d-fast:   200ms;
  --d-base:   400ms;
  --d-slow:   700ms;
}

/* Warm-cream light section override. Apply to a <section class="section-light">. */
.section-light {
  --c-bg:            #f7f3ea;
  --c-bg-subtle:     #ffffff;
  --c-bg-card:       #f1ebdf;
  --c-text:          #1a1814;
  --c-text-muted:    #6a6358;
  --c-text-faint:    #b8b0a2;
  --c-divider:       rgba(26, 24, 20, 0.1);
}