/* ==========================================================================
   THEME – Albergo Etrusco
   Design-Richtung: Original-Auftritt, Leitfarbe ROT (nach dem roten Haus),
   kantig statt rund, Serifen-Headlines (Playfair) + ruhige Sans (Inter).
   Hier (und NUR hier) liegen Farben, Schriften, Abstaende, Radien etc.
   base.css/admin.css verwenden ausschliesslich diese Variablen.
   Schriften lokal eingebunden (Datenschutz, kein Google-CDN).
   ========================================================================== */

/* --- Lokale Schriften (Variable Fonts, Latin-Subset – DE/IT/FR-Akzente) --- */
@font-face {
    font-family: "Playfair Display";
    src: url("/assets/fonts/playfair-var.woff2") format("woff2");
    font-weight: 400 800; font-style: normal; font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/inter-var.woff2") format("woff2");
    font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
    /* --- Markenfarben (Leitfarbe = Rot des Hauses) --- */
    --color-primary:          #C0271D;   /* kräftiges Haus-Rot – Buttons/CTA/Akzente */
    --color-primary-dark:     #9C1E15;   /* Hover/aktiv */
    --color-primary-contrast: #ffffff;
    --color-accent:           #D8483B;   /* helleres Rot – feine Akzente */
    --color-primary-soft:     #F7E7E5;   /* sehr helles Rot – Badges/Flächen */
    --color-brand:            #262B2E;   /* Anthrazit – Headings/dunkle Sektionen */
    --color-brand-deep:       #1C2023;   /* tiefer – Footer */
    --color-mint:             #ECE9E2;   /* warmer Stein – helle Sektion (Token-Name historisch) */
    --color-mint-dark:        #6E7A5E;   /* Moosgrün (Umgebung) – Icons/Details */

    /* --- Neutrale Farben --- */
    --color-text:           #262B2E;     /* Anthrazit */
    --color-text-muted:     #6B7278;     /* ruhiges Grau */
    --color-bg:             #F7F6F3;     /* leicht warmes Off-White */
    --color-bg-alt:         #EFEDE7;     /* warme Sektion */
    --color-section:        #E9E6DE;     /* Stein-Sektion */
    --color-surface:        #ffffff;
    --color-border:         #E3DFD7;

    /* --- Statusfarben --- */
    --color-error:          #B3261E;
    --color-error-bg:       #FBE9E7;
    --color-success:        #2F7D4F;
    --color-success-bg:     #E6F4EA;
    --color-info-bg:        #F0EEE9;

    /* --- Typografie --- */
    --font-base:   "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-head:   "Playfair Display", Georgia, "Times New Roman", serif;
    --fs-base:     1.0625rem;     /* 17px */
    --fs-lead:     1.2rem;
    --fs-h1:       clamp(2.2rem, 4.6vw, 3.5rem);
    --fs-h2:       clamp(1.7rem, 3.2vw, 2.6rem);
    --fs-h3:       1.35rem;
    --line-base:   1.7;
    --fw-normal:   400;
    --fw-medium:   500;
    --fw-semibold: 600;
    --fw-bold:     700;
    --ls-eyebrow:  .18em;         /* Eyebrow/Label-Laufweite */

    /* --- Abstaende --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;
    --space-7: 6rem;

    /* --- Layout: KANTIG (bewusst wenig Rundung) --- */
    --container-max:    1200px;
    --container-narrow: 760px;
    --radius:        0;          /* Karten/Flächen: eckig */
    --radius-sm:     0;          /* Buttons/Inputs: eckig */
    --radius-lg:     0;          /* Bilder: eckig */
    --radius-img:    0;          /* Bilder scharfkantig */
    --radius-pill:   0;          /* KEINE Pillen – bewusst eckig */
    --shadow:        0 18px 44px rgba(30, 34, 38, .13);
    --shadow-sm:     0 8px 22px rgba(30, 34, 38, .08);
    --shadow-lift:   0 26px 54px rgba(30, 34, 38, .18);
    --transition:    .22s ease;
    --header-h:      82px;
}