/*
 * colors.css
 * ============================================================
 * BACKEND GENERATED - do not edit manually.
 *
 * Contains ONLY raw base color values.
 * All scales, alphas, blends, gradients, shadows, and semantic
 * tokens are derived at browser runtime by tokens.css using
 * color-mix() - no Sass compilation required.
 *
 * Load order:
 *   1. bootstrap.min.css
 *   2. theme.css          (Angular build - fallback baked values)
 *   3. colors.css         (this file - overrides brand bases)
 *   4. tokens.css         (static - derives everything from bases)
 *   5. font.css           (backend - font family names only)
 *   6. bs5-overrides.css  (static - maps tokens onto --brand-* vars)
 *   7. site.css
 *
 * The backend substitutes only:
 *   --brand-primary, --brand-secondary, --brand-tertiary
 * Everything else in this file is static across all templates.
 *
 * --brand-tertiary is OPTIONAL per tenant (Models/Tenant.cs TertiaryColor is nullable, unlike
 * Primary/Secondary) — the value below is only the fallback used where no tenant theme is
 * loaded at all (the builder canvas, a swatch preview). A tenant with one set gets it injected
 * by Support/ThemeCss.cs same as Primary/Secondary; a tenant without one simply never
 * overrides this fallback, which is why it exists here rather than being left undefined.
 * ============================================================
 */

:root {
    /* Brand bases */
    --brand-primary: #1367af;
    --brand-secondary: #6c757d;
    --brand-tertiary: #ec4899;
    --brand-success: #198754;
    --brand-info: #0dcaf0;
    --brand-warning: #ffc107;
    --brand-danger: #dc3545;
    --brand-light: #fdfcee;
    --brand-dark: #23282c;
    /*  Extra named colors (static - never change) */
    --color-red: #ef4444;
    --color-crimson: #830400;
    --color-blue: #3b82f6;
    --color-indigo: #6366f1;
    --color-purple: #a855f7;
    --color-pink: #ec489a;
    --color-cyan: #06b6d4;
    --color-teal: #14b8a6;
    --color-green: #22c55e;
    --color-lime: #84cc16;
    --color-amber: #f59e0b;
    --color-orange: #f97316;
    --color-rose: #f43f5e;
    --color-violet: #8b5cf6;
    --color-fuchsia: #d946ef;
    --color-white: #ffffff;
    --color-black: #000000;
}