/**
 * Brand-Token-Variablen für das Office-Desk-Backend.
 *
 * Single Source of Truth: diese Datei + app\helpers\BrandColors (PHP) müssen
 * dieselben Werte tragen. Mail-Templates referenzieren die PHP-Konstanten
 * direkt im inline-style; Backend-Views nutzen die CSS-Variables hier.
 *
 * Geladen via AppAsset4 als ERSTES CSS, damit nachfolgende site.css /
 * backend-theme.css die Tokens konsumieren oder gezielt überschreiben können.
 */

:root {
    /* ====== BRAND ====== */
    --nd-primary:       #FF3642;
    --nd-primary-light: #FF6B73;
    --nd-accent:        #FAD54F;
    --nd-accent-light:  #F5C842;
    --nd-success:       #249689;
    --nd-success-light: #2BB89E;
    --nd-destructive:   #DC2626;

    /* ====== TIER ====== */
    --nd-tier-premium:      #5475F6;
    --nd-tier-premium-plus: #1D1F2A;

    /* ====== NAVY / HEADER ====== */
    --nd-navy:       #1D1F2A;
    --nd-navy-light: #2A2D3A;

    /* ====== SURFACES (LIGHT) ====== */
    --nd-bg:         #F7F7F7;
    --nd-surface:    #FFFFFF;
    --nd-text:       #1D1F2A;
    --nd-text-muted: #555B66;
    --nd-border:     #E5E7EB;

    /* Coupon-Box / Code-Block / Adnana-Bio-Card background — soft cream
     * tint. Mirrored in app\helpers\BrandColors::CODE_BG. */
    --nd-code-bg:    #FFF8E1;

    /* ====== SPACING ====== */
    --nd-space-xs:   4px;
    --nd-space-sm:   8px;
    --nd-space-md:   12px;
    --nd-space-base: 16px;
    --nd-space-lg:   20px;
    --nd-space-xl:   24px;
    --nd-space-xxl:  32px;

    /* ====== RADIUS ====== */
    --nd-radius-sm:   8px;
    --nd-radius-md:   12px;
    --nd-radius-base: 16px;
    --nd-radius-lg:   20px;
    --nd-radius-full: 999px;

    /* ====== FONTS ====== */
    --nd-font-display: 'Montserrat', sans-serif;
    --nd-font-body:    'Open Sans', sans-serif;
}

/* ====== DARK MODE — DISABLED ======
 * Backend stays light-mode regardless of OS preference. The token
 * overrides for `prefers-color-scheme: dark` were causing legibility
 * issues with admin-table widgets and form-fields that weren't
 * dark-mode-aware. Keep the brand-tokens stable; flip back on only
 * after every consumer (Bootstrap, kartik widgets, mail-log iframe)
 * has been audited for dark-bg compatibility.
 *
 * Mail-side dark mode is a separate concern and lives in
 * mail/layouts/transactional.php — those styles only affect the
 * recipient's inbox rendering, not this backend.
 */

/* ====== BASE-STYLES ======
 * Body-Default-Schrift + Background + Text-Farbe global setzen.
 * Headings nutzen Display-Font (Montserrat) in fettem Stil.
 * Achtung: existing Bootstrap- und Theme-Styles können das überschreiben —
 * die Tokens werden trotzdem überall verfügbar sein.
 */
body {
    font-family: var(--nd-font-body);
    background:  var(--nd-bg);
    color:       var(--nd-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--nd-font-display);
    font-weight: 800;
}