/* ════════════════════════════════════════════════════════════
   Mike & Elena — Design Tokens
   Vintage / Renaissance: Cream paper · Olive gold · Warm dark brown
   ════════════════════════════════════════════════════════════ */

/* ── Local Fonts ──────────────────────────────────────────────────────────── */

/* Cinzel — display, Roman caps */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cinzel-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/cinzel-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Cormorant Garamond — body serif (300/400/600 + italic) */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 300; font-display: swap;
  src: url('../fonts/cormorant-garamond-300-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 300; font-display: swap;
  src: url('../fonts/cormorant-garamond-300-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/cormorant-garamond-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/cormorant-garamond-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/cormorant-garamond-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/cormorant-garamond-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic; font-weight: 400; font-display: swap;
  src: url('../fonts/cormorant-garamond-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic; font-weight: 400; font-display: swap;
  src: url('../fonts/cormorant-garamond-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Great Vibes — calligraphy for couple names (more readable than Pinyon) */
@font-face {
  font-family: 'Great Vibes';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/great-vibes-latin.woff2') format('woff2');
}

/* Pinyon Script — kept available for accents but no longer the primary script */
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/pinyon-script-latin.woff2') format('woff2');
}

/* UnifrakturMaguntia — blackletter for venue/headlines */
@font-face {
  font-family: 'UnifrakturMaguntia';
  font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/unifraktur-maguntia-latin.woff2') format('woff2');
}

/* ── Tokens ───────────────────────────────────────────────────────────────── */

:root {
  /* === Backgrounds === */
  --bg-paper:        #f2ebd9;        /* warm cream paper */
  --bg-paper-deep:   #ebe2cb;        /* slightly darker for cards */
  --bg-paper-soft:   #f7f1e1;        /* lighter highlight */
  --bg-frame-inner:  #f7f0dc;        /* inside the frame */
  --bg-plaque:       #d4c895;        /* MMXXVI / date plaque */

  /* === Accents (olive gold) === */
  --accent:          #7d6e1c;        /* primary olive-gold */
  --accent-deep:     #574c12;        /* darker for hover/border */
  --accent-soft:     #a08a2e;        /* lighter gold */
  --accent-faint:    rgba(125, 110, 28, 0.18);
  --accent-mist:     rgba(125, 110, 28, 0.08);

  /* === Text === */
  --text:            #2a2620;        /* warm dark brown for body */
  --text-soft:       #4a4136;
  --text-mute:       #6b5e4d;
  --text-dim:        #8a7d6b;

  /* === Semantic === */
  --state-ok:        #5e7a3a;
  --state-warn:      #b88c1d;
  --state-danger:    #a73a26;

  /* === Typography === */
  --font-display:    'Cinzel', 'Times New Roman', serif;
  --font-body:       'Cormorant Garamond', Georgia, serif;
  --font-script:     'Great Vibes', 'Allura', 'Pinyon Script', cursive;
  --font-blackletter:'UnifrakturMaguntia', 'Cinzel', serif;

  --text-xs:    0.8rem;
  --text-sm:    0.98rem;
  --text-base:  1.2rem;
  --text-md:    1.4rem;
  --text-lg:    1.75rem;
  --text-xl:    2.3rem;
  --text-2xl:   3rem;
  --text-3xl:   clamp(2.8rem, 7vw, 4.4rem);
  --text-4xl:   clamp(3.7rem, 10vw, 7.4rem);
  --text-5xl:   clamp(4.6rem, 13.8vw, 10.4rem);

  --lh-tight:   1.15;
  --lh-snug:    1.35;
  --lh-normal:  1.6;
  --lh-loose:   1.8;

  --track-tight:  0.005em;
  --track-normal: 0.02em;
  --track-wide:   0.08em;
  --track-wider:  0.18em;
  --track-widest: 0.3em;

  /* === Spacing (8pt grid) === */
  --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;
  --s-11: 192px;

  /* === Radius — sharp/no-round (vintage) === */
  --r-0: 0;
  --r-1: 1px;
  --r-2: 2px;

  /* === Layers === */
  --z-base:  1;
  --z-nav:   100;
  --z-modal: 1000;

  /* === Container === */
  --content-max:   860px;
  --content-wide:  1080px;
  --content-narrow: 640px;

  /* === Shadows (very subtle, paper-like) === */
  --shadow-sm: 0 1px 2px rgba(42, 38, 32, 0.06);
  --shadow-md: 0 4px 12px rgba(42, 38, 32, 0.08);
  --shadow-lg: 0 12px 36px rgba(42, 38, 32, 0.10);
  --shadow-emboss: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(125, 110, 28, 0.08);
}