/* ============================================================
   design-tokens.css — Strahlkraft40+ Color Token System
   ============================================================
   Single source of truth for ALL brand colors.
   Import BEFORE any other CSS in every HTML page.

   These are PRIMITIVE tokens (raw values).
   Each CSS file maps its own semantic vars to these tokens.
   ============================================================ */

:root {
    /* === Brand Primitives === */
    --color-deepGreen: #0E3A28;
    --color-lighterGreen: #164B35;
    --color-gold: #D4AF37;
    --color-gold-light: #E8C44A;
    --color-gold-warm: #C5A059;
    --color-gold-accessible: #7A6414;
    --color-gold-hover: #9E7E1A;
    --color-gold-soft: #B8962E;
    --color-ivory: #FAFAF5;
    --color-richBlack: #121212;
    --color-midnight: #1B2A38;
    --color-rosa: #E8B4BC;
    --color-rosa-fuerte: #AD445C;
    --color-rosa-dark: #702632;
    --color-rosa-mid: #D4A0A8;
    --color-white: #FFFFFF;
    --color-offwhite: #F7F7F5;
    --color-near-black: #1a1a1a;
    --color-sage: #7A9E8E;

    /* === Gradients === */
    --gradient-gold-dark: linear-gradient(135deg, #D4AF37, #C5A059);
    --gradient-gold-light: linear-gradient(135deg, #D4AF37, #E8C44A);

    /* === Promo / Campaign — Charlotte Tilbury Glow ===
       Rosa blush + gold shimmer palette for seasonal promotions.
       Warm, luminous, feminine. Used by promo-banner.js + global-nav.js.
       Inspired by CT's "glow from within" aesthetic applied to SK40+ brand palette. */
    --promo-blush: #F5E6EA;
    --promo-blush-warm: #F9EDE4;
    --promo-text: #2D1A1E;
    --promo-text-soft: rgba(45, 26, 30, 0.55);
    --promo-text-muted: rgba(45, 26, 30, 0.35);
    --promo-text-ghost: rgba(45, 26, 30, 0.2);
    --promo-gold: #C5A028;
    --promo-gold-code: var(--color-gold-soft); /* #B8962E — reuses existing token */
    --promo-closer: rgba(173, 68, 92, 0.5);
    --promo-cta-text: #FFFDF8;
    --promo-border: rgba(212, 175, 55, 0.18);
    --promo-border-divider: rgba(212, 175, 55, 0.2);
    --promo-glow: rgba(232, 180, 188, 0.15);
    --gradient-promo-bg: linear-gradient(135deg, #F5E6EA 0%, #F9EDE4 40%, rgba(212, 175, 55, 0.08) 100%);
    --gradient-promo-shimmer: linear-gradient(90deg, transparent, #D4AF37, rgba(232, 180, 188, 0.6), #D4AF37, transparent);
    --gradient-promo-cta: linear-gradient(135deg, #C5A028, #D4AF37);
    --gradient-promo-cta-hover: var(--gradient-gold-light); /* reuses existing gradient */
}