/* =====================================================
   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: Waldgrün, Cognac & Gold – Waldgrün als Grundton, Cognac für
   Schaltflächen, Gold als Akzent, Espresso im Fuss.
   ===================================================== */

:root {
    --bl-primary: #1C3729;
    --bl-button: #B85C33;
    --bl-accent: #C69433;
    --bl-link: #1C3729;
    --bl-footer-bg: #3E1F0E;
    --bl-partners-bg: #F5EDDC;
    --bl-nav-height: 72px;

    /* 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
       wärmer als neutral: 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. Warm gehalten, damit sie zum Cognac im Fuss passen. */
    --bl-ink: #2B1B10;
    --bl-muted: #7A6450;
    --bl-line: #E8DCC9;
    --bl-surface: #FAF3E6;

    /* 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);
}
