/* =====================================================
   Boulderloft – Farb-Tokens
   Einzige Quelle für die Farbwerte. Wird von der Website und vom
   Editor im Backend geladen, damit Inhalte dort gleich aussehen.
   Die sechs Grundfarbwerte überschreibt layout.php aus den Einstellungen.

   Palette «Miami Nachtblau»: Marineblau als Grundton, Koralle für
   Schaltflächen, Türkis als Akzent, Mitternachtsblau im Fuss.
   ===================================================== */

:root {
    --bl-primary: #1A1F4B;
    --bl-button: #E8395F;
    --bl-accent: #2ED3C6;
    --bl-link: #1A1F4B;
    --bl-footer-bg: #12142E;
    --bl-partners-bg: #EAF7F4;
    --bl-nav-height: 72px;

    /* Eckenradien. Die Inhaltsbausteine greifen auf --radius (Karten, Kästen,
       Bilder) und --radius-btn (Knöpfe, Chips, Eingabefelder) zu. Null gibt
       die harten Kanten der Achtziger-Palette; Kreise (50 %) sind davon
       unabhängig und bleiben rund. Wer weichere Ecken will, ändert die
       beiden Werte hier — etwa 3px für Knöpfe. */
    --radius: 0;
    --radius-btn: 0;

    /* Abstand zwischen zwei Inhaltsblöcken. Wird nur unten am Block gesetzt,
       damit sich die Polster benachbarter Blöcke nicht addieren. */
    --bl-block-gap: clamp(1.5rem, 3.5vw, 2.75rem);

    /* Farbe des Logos auf hellem Menü. Über dem Hero bleibt es weiss. */
    --bl-logo-scrolled: var(--bl-primary);

    /* Schleier über Hero-Bildern und -Videos. Fast schwarz, nur eine Spur
       in Richtung der Schriftfarbe: genug, dass er nicht gegen die Palette
       steht, zu wenig für einen sichtbaren Farbstich auf dem Video. */
    --bl-hero-tint: color-mix(in srgb, var(--bl-ink) 45%, #000000);

    /* Neutrale Töne. Kühl gehalten, mit einem Hauch Blau, damit sie zum
       Marineblau passen und Textflächen nicht gelbstichig wirken. */
    --bl-ink: #1B1D2E;
    --bl-muted: #5C6082;
    --bl-line: #E3E5F0;
    --bl-surface: #F6F5FB;

    /* Zustandsfarben: bewusst unabhängig von der Marke, damit „offen“ grün
       und „geschlossen“ grau bleiben, egal welche Palette eingestellt ist. */
    --bl-ok: #2f6b45;
    --bl-ok-soft: #e4efe6;
    --bl-off: #6f7269;
    --bl-off-soft: #efeee9;
    --bl-warn-bg: #fdf6e8;
    --bl-warn-line: #eddba8;

    /* Abstufungen, die sich aus den Farben oben ergeben. Dadurch genügt es,
       Grundfarbe und Akzent zu ändern – alle Zwischentöne ziehen mit. */
    --bl-primary-2: color-mix(in oklab, var(--bl-primary) 74%, #ffffff);
    --bl-primary-soft: color-mix(in oklab, var(--bl-primary) 22%, #ffffff);
    --bl-accent-ink: color-mix(in oklab, var(--bl-accent) 26%, #000000);
}