/* ============================================================
   Magda + Tomek — Wedding Design System tokens
   Italian summer · Capri black-tie
   Source: Wedding V2 handoff tokens.css
   Note: html/body global rules removed; applied via .wedding-page wrapper.
============================================================ */

:root {
  /* ---------- Color: Surfaces ---------- */
  --cream:        #FAF7F2;
  --cream-warm:   #F5EDDD;
  --cream-deep:   #EDE4D0;
  --paper:        #FFFEFB;

  /* ---------- Color: Ink ---------- */
  --ink:          #1F1B16;
  --ink-soft:     #4A4339;
  --ink-muted:    #8A8170;
  --ink-faint:    #C7BFAE;

  /* ---------- Color: Brand ---------- */
  --lemon:        #E8B84A;
  --lemon-deep:   #C69021;
  --lemon-soft:   #FCE8A8;
  --olive:        #7A9A5A;
  --olive-deep:   #4A5A32;
  --olive-soft:   #D5DEC4;
  --terracotta:   #C25A3A;
  --terracotta-soft:#EBC7B5;
  --walnut:       #6B4A28;
  --sea:          #6E8E92;

  /* ---------- Semantic ---------- */
  --bg:           var(--cream);
  --surface:      var(--paper);
  --surface-warm: var(--cream-warm);
  --text:         var(--ink);
  --text-soft:    var(--ink-soft);
  --text-muted:   var(--ink-muted);
  --border:       #E5DCC6;
  --border-strong:#C7BFAE;
  --accent:       var(--lemon);
  --accent-deep:  var(--lemon-deep);

  /* ---------- Type ---------- */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-body:    "Montserrat", system-ui, -apple-system, sans-serif;
  --font-script:  "Pinyon Script", "Allura", cursive;

  --text-2xs: 0.6875rem;
  --text-xs:  0.75rem;
  --text-sm:  0.875rem;
  --text-base:1rem;
  --text-md:  1.125rem;
  --text-lg:  1.375rem;
  --text-xl:  1.75rem;
  --text-2xl: 2.25rem;
  --text-3xl: 3rem;
  --text-4xl: 4.5rem;
  --text-5xl: 7rem;
  --text-6xl: 10rem;

  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide:  0.08em;
  --tracking-eyebrow: 0.32em;

  /* ---------- Spacing (8-pt scale) ---------- */
  --s-0: 0;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* ---------- Radii ---------- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---------- Shadows ---------- */
  --shadow-soft:  0 1px 2px rgba(31, 27, 22, 0.04), 0 8px 24px rgba(31, 27, 22, 0.06);
  --shadow-lift:  0 2px 4px rgba(31, 27, 22, 0.06), 0 18px 40px rgba(31, 27, 22, 0.10);
  --shadow-paper: 0 1px 0 rgba(31, 27, 22, 0.04), 0 12px 28px rgba(107, 74, 40, 0.08);

  /* ---------- Motion ---------- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 240ms;
}

/* Page-scope reset (replaces the prototype's html/body resets) */
.wedding-page {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.wedding-page * { box-sizing: border-box; }