/* ==========================================================================
   THEME · Valentina Piffer · Life & Leadership Coaching
   Alle Farben, Schriften, Abstände und Radien stehen hier – und nur hier.
   Grundlage: das Brandboard der Kundin.
   Schriften lokal eingebunden (Datenschutz), kein Google-CDN.
   ========================================================================== */

/* --- Schriften ---------------------------------------------------------- */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('../fonts/PlayfairDisplay-normal-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:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('../fonts/PlayfairDisplay-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('../fonts/PlayfairDisplay-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:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;
  src:url('../fonts/PlayfairDisplay-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/Inter-normal-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:'Inter';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/Inter-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}

:root {
    /* --- Marke (aus dem Brandboard) --- */
    --navy:      #1F3A5F;   /* Hauptfarbe */
    --deep:      #122540;   /* dunkle Bühne */
    --mist:      #AFC4D6;   /* Hellblau */
    --sand:      #E8DDCF;   /* Sand */
    --paper:     #F6F1EA;   /* warmes Seitenweiss */
    --card:      #FCFAF7;
    --gold:      #C29A5B;   /* aus dem Leuchtturm-Strahl */
    --clay:      #B4834E;   /* warmer Akzent */
    --slate:     #4A5563;   /* Fliesstext */
    --line:      #DFD4C6;

    /* --- Zuordnung auf die Namen des Grundgerüsts --- */
    --color-primary:          var(--navy);
    --color-primary-dark:     #162c47;
    --color-primary-contrast: #ffffff;
    --color-accent:           var(--gold);
    --color-text:             var(--navy);
    --color-text-muted:       var(--slate);
    --color-bg:               var(--paper);
    --color-bg-alt:           var(--sand);
    --color-border:           var(--line);

    --color-error:    #b3261e;
    --color-error-bg: #fbe9e7;
    --color-success:  #2b6b4f;
    --color-success-bg: #e4f0e9;

    /* --- Typografie --- */
    --font-base: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Arial, sans-serif;
    --font-head: 'Playfair Display', Georgia, "Times New Roman", serif;
    --fs-base:  1rem;
    --fs-lead:  1.125rem;
    --fs-h1:    clamp(2.6rem, 5.3vw, 4.5rem);
    --fs-h2:    clamp(1.85rem, 3vw, 2.5rem);
    --line-base: 1.9;
    --fw-normal: 350;
    --fw-bold:   600;

    /* --- Abstände und Formen --- */
    --space-1: .5rem;  --space-2: 1rem;  --space-3: 1.5rem;
    --space-4: 2rem;   --space-5: 3rem;  --space-6: 5rem;
    --radius:      14px;
    --radius-lg:   22px;
    --radius-pill: 999px;
    --container:   1180px;
    --shadow: 0 1px 2px rgba(31,58,95,.06), 0 8px 24px rgba(31,58,95,.06);
}