/* WeddingHub Design-Tokens (P4-002) — geteilt von App- und Erlebnis-Schicht. */

/* ── Fraunces (AW-003) — self-hosted, SIL OFL (assets/fonts/OFL.txt) ──
   Roman: wght 500 fix, opsz 9-72 variabel (optische Groessen = der Effekt).
   Italic: statisch 400/opsz 22 (Mottos, Ampersand, Akzente).
   Subset: ASCII + Latin-1-Buchstaben + de-CH-Typografie, zusammen 89.5 KB. */
/* Sans-Arbeitsschrift: Instrument Sans VF (wght 400-700, wdth 100 gepinnt,
   self-hosted, OFL) — praezise Neo-Grotesk der Linear-Klasse. tnum im Subset;
   Fallback laeuft Arial-metrisch (size-adjust 97.2%) -> Swap ohne Reflow. */
@font-face {
    font-family: "Instrument Sans";
    src: url("/assets/fonts/instrument-sans.woff2?v=1") format("woff2");
    font-weight: 400 700;
    font-display: swap;
}
@font-face {
    font-family: "Instrument Fallback";
    src: local("Arial");
    size-adjust: 97.2%;
}
@font-face {
    font-family: "Fraunces";
    src: url("../fonts/fraunces-roman.woff2?v=1") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Fraunces";
    src: url("../fonts/fraunces-italic.woff2?v=1") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
/* Metrik-angepasster Georgia-Fallback: kein Layout-Sprung beim Font-Swap (CLS). */
@font-face {
    font-family: "Fraunces Fallback";
    src: local("Georgia");
    size-adjust: 108.28%;
    ascent-override: 90.32%;
    descent-override: 23.55%;
    line-gap-override: 0%;
}

:root {
    /* Farben — Porcelain/Ink/Brass (Profi-Planungstool, PRO-001) */
    --bg: #FAF8F5;
    --card: #ffffff;
    --ink: #1F1C19;
    --gold: #A67C2E;
    --gold-dark: #7A5A21;
    --gold-bg: #F5EEDF;
    --muted: #6E675F;
    --line: #E9E4DD;
    --info: #3D6480;
    --info-bg: #E9EFF3;
    /* Signal-Tinten: Papeterie-Semantik, WCAG AA auf Porzellan */
    --err: #A6403A;
    --ok: #3E7A4E;
    --warn: #8A5F14;
    --ok-bg: #EAF1EB;
    --err-bg: #F6E9E7;
    --warn-bg: #F6EEDC;
    /* Neutrale Flächen (vorher mehrfach hartcodiert) */
    --surface: #F1EDE7;
    --surface-2: #F7F4EF;
    --surface-light: #F3F0EA;
    --input-bg: #FEFDFB;
    --ink-soft: #4A453F;

    /* Abgeleitete Zustände & Akzente (PL-001 — vorher hartcodiert) */
    --text-inverse: #fff;
    --gold-hover: #8F6B27;
    --gold-active: #7A5A21;
    --border-soft: #DDD6CC;
    --muted-light: #B8B0A5;
    --rsvp-open: #D9D2C7;
    --rsvp-no: #CFA49E;

    /* Hero-/Briefpapier-Verläufe (Dashboard + RSVP-Portal) */
    --hero-0: #fdf9f1;
    --hero-1: #f7ecd9;
    --hero-2: #f1e2c9;
    --hero-today-0: #f7efdf;
    --hero-today-1: #efe0c2;
    --hero-today-2: #e7d3ad;
    --rsvp-hero-0: #fbf6ee;
    --rsvp-hero-1: #f3e7d3;

    /* Spacing (8pt-Raster) */
    --s1: .25rem;
    --s2: .5rem;
    --s3: .75rem;
    --s4: 1rem;
    --s5: 1.5rem;
    --s6: 2rem;
    --s8: 3rem;

    /* Radius & Schatten */
    --r-sm: .5rem;
    --r-md: .75rem;
    --r-lg: 1rem;
    --shadow: 0 12px 40px rgba(43, 43, 43, .06);
    --shadow-sm: 0 4px 16px rgba(43, 43, 43, .05);

    /* Typografie */
    --font-sans: "Instrument Sans", "Instrument Fallback", Arial, sans-serif;
    --font-serif: "Fraunces", "Fraunces Fallback", Georgia, serif;
    --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

    /* Kalender: 6 Gewerk-Tinten (CAL-004) — Farbe ist Zweitsignal, Text immer Tinte */
    --evt-milestone: #A67C2E;  --evt-milestone-bg: #F5EEDF;
    --evt-core: #4A453F;       --evt-core-bg: #F1EFEC;
    --evt-image: #52707F;      --evt-image-bg: #EAF0F2;
    --evt-floral: #5F7A54;     --evt-floral-bg: #ECF1E9;
    --evt-sound: #71618A;      --evt-sound-bg: #EFECF4;
    --evt-venue: #8A5B3C;      --evt-venue-bg: #F4ECE6;

    /* Fluide Typo-Skala (AW-003) — Faktor ~1.25, waechst mit dem Viewport */
    --fs--1: clamp(.78rem, .74rem + .18vw, .85rem);
    --fs-0: 1rem;
    --fs-1: clamp(1.13rem, 1.07rem + .3vw, 1.25rem);
    --fs-2: clamp(1.31rem, 1.2rem + .55vw, 1.56rem);
    --fs-3: clamp(1.6rem, 1.4rem + 1vw, 1.95rem);
    --fs-4: clamp(1.9rem, 1.55rem + 1.75vw, 2.5rem);
    --fs-hero: clamp(2.5rem, 1.9rem + 3vw, 4.25rem);

    /* Motion */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --t-fast: .15s;
    --t-med: .25s;
    --shadow-hover: 0 16px 48px rgba(31, 28, 25, .10);
    --sidebar-w: 15rem;
    --topbar-h: 3.5rem;
}