/* WedDrop design tokens — classic-elegant, warm neutrals.
   Central place to change look and feel. */

:root {
    /* Palette */
    --color-cream:        #fbf8f2;
    --color-champagne:    #f0e6d2;
    --color-champagne-2:  #e6d9bd;
    --color-ink:          #2a2622;
    --color-muted:        #6b625a;
    --color-line:         #e2d9c8;
    --color-forest:       #3a5a40;
    --color-forest-soft:  #a3b18a;
    --color-accent:       var(--color-forest);
    --color-error:        #8b2c2c;

    /* Semantic */
    --bg:                 var(--color-cream);
    --bg-elevated:        #ffffff;
    --fg:                 var(--color-ink);
    --fg-muted:           var(--color-muted);
    --border:             var(--color-line);
    --link:               var(--color-forest);

    /* Typography */
    --font-serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    --font-sans:  "Inter", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --font-mono:  ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --fs-xs:   0.8125rem;   /* 13 */
    --fs-sm:   0.9375rem;   /* 15 */
    --fs-md:   1.0625rem;   /* 17 */
    --fs-lg:   1.375rem;    /* 22 */
    --fs-xl:   1.875rem;    /* 30 */
    --fs-2xl:  2.75rem;     /* 44 */
    --fs-3xl:  3.75rem;     /* 60 */

    --lh-tight: 1.15;
    --lh-body:  1.55;

    /* Spacing (8-px base) */
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 0.75rem;
    --sp-4: 1rem;
    --sp-5: 1.5rem;
    --sp-6: 2rem;
    --sp-7: 3rem;
    --sp-8: 4.5rem;
    --sp-9: 6rem;

    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 12px;

    --shadow-sm: 0 1px 2px rgba(42, 38, 34, 0.06);
    --shadow-md: 0 4px 16px rgba(42, 38, 34, 0.08);

    --wrap-max: 68rem;

    --focus-ring: 0 0 0 3px rgba(58, 90, 64, 0.35);
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg:          #1a1815;
        --bg-elevated: #23201c;
        --fg:          #efe6d5;
        --fg-muted:    #a89f92;
        --border:      #3a342d;
        --link:        var(--color-forest-soft);
        --shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.35);
        --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.45);
    }
}

/* Local webfonts. If the WOFF2 files aren't present the system fallbacks in
   --font-serif/--font-sans take over — the design still holds. Drop real
   files into /assets/fonts/ to activate. */

@font-face {
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: local("Cormorant Garamond"), local("CormorantGaramond-Regular"),
         url("/assets/fonts/CormorantGaramond-Variable.woff2") format("woff2-variations");
}

@font-face {
    font-family: "Cormorant Garamond";
    font-style: italic;
    font-weight: 400 600;
    font-display: swap;
    src: local("Cormorant Garamond Italic"), local("CormorantGaramond-Italic"),
         url("/assets/fonts/CormorantGaramond-Italic-Variable.woff2") format("woff2-variations");
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: local("Inter"), local("Inter-Regular"),
         url("/assets/fonts/Inter-Variable.woff2") format("woff2-variations");
}