@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');
/* ============================================================
   tokens.css — design tokens (single source of visual truth)
   Fonts are loaded via the @import above (managed by Studio -> Design),
   so changing the typeface is a one-file edit here.
   ------------------------------------------------------------
   Source: Claude Design handoff "Modern Minimalist Wedding"
   (design/1st try/DESIGN.md). Editorial minimalist, EB Garamond +
   Inter, neutral palette with a muted gold accent, sharp corners,
   flat surfaces. Re-skin happens here + sections.css only.
   ============================================================ */

:root {
  /* ---- Color (from handoff) ---- */
  --bg: #fbf9f5;             /* background, warm cream */
  --surface-low: #f5f3ef;    /* alternating section bg */
  --surface: #efeeea;        /* dress-code section bg */
  --surface-high: #eae8e4;   /* image placeholder bg */
  --rsvp-bg: #f5f0e6;        /* RSVP card */

  --ink: #1b1c1a;            /* primary text / headings */
  --ink-2: #444748;          /* secondary body text */
  --muted: #5e5e5e;          /* labels, metadata */
  --line: #c4c7c7;           /* hairline dividers */
  --field-line: #747878;     /* input underline */

  --accent: #c2a878;         /* muted gold (ampersand, times, glyphs) */
  --accent-deep: #988154;    /* darker gold */

  --btn-bg: #1b1c1a;         /* solid button */
  --btn-on: #ffffff;
  --btn-hover: #444748;

  /* ---- Typography ---- */
  --font-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-display: clamp(2.25rem, 1.45rem + 3.4vw, 3rem);  /* 36 -> 48 */
  --fs-h2: clamp(1.6rem, 1.25rem + 1.5vw, 2rem);        /* headline-md 32 */
  --fs-h3: 1.5rem;                                       /* headline-sm 24 */
  --fs-body-lg: 1.125rem;                                /* 18 */
  --fs-body: 1rem;                                       /* 16 */
  --fs-label: 0.75rem;                                   /* 12, caps */

  --lh-tight: 1.1;
  --lh-body: 1.6;
  --tracking-display: -0.02em;
  --tracking-label: 0.15em;
  --tracking-wide: 0.28em;

  /* ---- Layout ---- */
  --container: 780px;
  --container-wide: 1200px;
  --gutter: 24px;
  --section-space: clamp(5rem, 3rem + 9vw, 7.5rem);  /* 80 -> 120 */

  /* ---- Shape (sharp / editorial) ---- */
  --radius: 0;
  --hairline: 1px;
  --field-border: 1px solid var(--field-line);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.215, 0.61, 0.355, 1);
  --reveal-duration: 1100ms;
  --reveal-shift: 40px;
}