/**
 * BCSS Brand Theme
 *
 * Overrides CSS variables from variables.css with BCSS brand semantic mappings.
 * All BCSS apps (Baxtercobb Admin, Practisphere) use this corporate palette.
 *
 * Brand Colors:
 * - #7597B3 (Steel Blue) - buttons, links, active states
 * - #394855 (Dark Slate) - sidebar, headers
 * - #9DADBC (Light Steel) - borders, muted states
 * - #A88F73 (Warm Tan) - highlights, special badges
 * - #735D43 (Walnut Brown) - footer, tertiary actions
 *
 * Bootstrap Standard Colors:
 * - Success: #198754 (Green)
 * - Warning: #FFC107 (Amber)
 * - Danger: #DC3545 (Red)
 * - Info: #0DCAF0 (Cyan)
 * - Light: #F8F9FA (Off-White)
 * - Dark: #212529 (Charcoal)
 *
 * Used by: baxtercobb-app (company administration)
 *
 * SESSION-BRAND-COLORS: Updated to use brand- prefixed variables
 */

/* PERF-B01: base-theme.css loaded via <link> in layout (removed @import chain) */

:root {
    /* DSC-21c-05: Bootstrap primary RGB for utilities (rgba() alpha blending) */
    --bs-primary-rgb: 74, 106, 130; /* Match --bcss-color-1-accessible (#4a6a82) */

    /* ===== BCSS Theme Uses Default Brand Color Mappings ===== */
    /* All brand colors inherit from variables.css defaults (bcss-color-*) */

    /* Sidebar variables inherited from base-theme.css and variables.css */

    /* ===== Header Styling ===== */
    --header-bg: var(--white);
    --brand-color: var(--secondary-color);
    --nav-link-color: var(--gray-800);
    --nav-link-hover-color: var(--primary-color);

    /* ===== Hero Section ===== */
    /* Hero background images are dark illustrations — use light text in all modes */
    --hero-bg: linear-gradient(135deg, var(--primary-lightest) 0%, var(--white) 50%, var(--gray-100) 100%);
    --hero-title-color: #e8e8e8;
    --hero-subtitle-color: #c8c8c8;
    --hero-description-color: rgba(255, 255, 255, 0.9);
    --hero-frost-bg: rgba(0, 0, 0, 0.30);
    --hero-frost-blur: 6px;
    --hero-frost-border: rgba(255, 255, 255, 0.08);

    /* ===== Content Sections ===== */
    --section-title-color: var(--gray-900);
    --section-subtitle-color: var(--gray-700);
    --section-alt-bg: var(--gray-100);

    /* ===== Cards ===== */
    --card-icon-color: var(--primary-color);
    --card-border: var(--gray-300);

    /* ===== Features ===== */
    --feature-icon-bg: var(--primary-lightest);
    --feature-icon-color: var(--primary-color);

    /* ===== CTA Section ===== */
    --cta-bg: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    --cta-text-color: var(--white);
    --cta-btn-bg: var(--white);
    --cta-btn-color: var(--secondary-color);
    --cta-btn-hover-bg: var(--gray-100);

    /* ===== Navigation ===== */
    --nav-bg: var(--white);
    --nav-text: var(--gray-900);
    --nav-hover-bg: var(--gray-100);
    --nav-active-bg: var(--primary-lightest);
    --nav-active-text: var(--primary-color);
    --nav-border: var(--gray-300);

    /* ===== Links ===== */
    --link-color: var(--primary-color);
    --link-hover-color: var(--primary-hover);
    --link-visited-color: var(--primary-active);

    /* ===== Buttons ===== */
    --btn-primary-bg: var(--primary-color);
    --btn-primary-border: var(--primary-color);
    --btn-primary-hover-bg: var(--primary-hover);
    --btn-primary-hover-border: var(--primary-hover);

    /* ===== Focus State ===== */
    --focus-outline-color: var(--primary-color);

    /* ===== Mobile Theme Color ===== */
    --theme-color: var(--secondary-color);
}

/* ===== BCSS Dark Mode ===== */
[data-theme="dark"] {
    --header-bg: #1a1a2e;
    --brand-color: #c5d7e7;
    --hero-bg: linear-gradient(135deg, #1a1a2e 0%, #252538 50%, #1a2a3a 100%);
    --hero-title-color: #e8e8e8;
    --hero-subtitle-color: #c8c8c8;
    --hero-frost-bg: rgba(0, 0, 0, 0.30);
    --hero-frost-border: rgba(255, 255, 255, 0.08);
    --hero-frost-blur: 6px;
    --section-alt-bg: #252538;
    --feature-icon-bg: #2a3a4a;
    --cta-bg: linear-gradient(135deg, #0d1520 0%, #2a4a5e 100%);
    --cta-text-color: #ffffff;
    --cta-btn-hover-bg: #2a3a4a;
}