/**
 * Sprint 25 — Ocean ERP / KASIB Design Tokens
 * Centralized Theme Variables for Dark Navy / Deep Blue Enterprise Dashboard
 */
:root {
    /* Primary Surface Colors */
    --bg-primary: #07111f;        /* Page background canvas */
    --bg-secondary: #0b1628;      /* Top header, surface panels, elevated areas */
    --bg-sidebar: #0c1628;        /* RTL sidebar canvas */
    --bg-card: #101b30;           /* Cards, modules, dialog containers */
    --bg-card-hover: #13223a;     /* Hover state on interactive cards & table rows */
    --bg-input: #091322;          /* Input fields, select boxes, textareas */
    --bg-elevated: #16243f;       /* Dropdowns, tooltips, flyout panels */

    /* Enterprise Subtle Borders */
    --border-primary: #24344f;    /* Default card & section boundary */
    --border-subtle: #1b2a42;     /* Internal table borders, dividers */
    --border-focus: #2563eb;      /* Input focus border */
    --border-focus-glow: rgba(37, 99, 235, 0.35);

    /* Text & Ink Hierarchy */
    --text-primary: #f8fafc;      /* Primary text (high contrast) */
    --text-secondary: #cbd5e1;    /* Labels, descriptions, secondary copy */
    --text-muted: #8492a6;        /* Subtle timestamps, inactive items */
    --text-inverted: #07111f;     /* Inverted text for light pills */

    /* Semantic & Functional Colors */
    --primary: #2563eb;           /* Brand royal blue */
    --primary-hover: #3b82f6;     /* Primary button hover */
    --primary-subtle: rgba(37, 99, 235, 0.15);

    --cyan: #06b6d4;              /* Leads, KPIs, system highlights */
    --cyan-subtle: rgba(6, 182, 212, 0.15);

    --success: #10b981;           /* Active, approved, paid, completed */
    --success-subtle: rgba(16, 185, 129, 0.15);

    --warning: #f59e0b;           /* Draft, pending, review required */
    --warning-subtle: rgba(245, 158, 11, 0.15);

    --danger: #ef4444;            /* Cancelled, rejected, failed, overdue */
    --danger-subtle: rgba(239, 68, 68, 0.15);

    --info: #0ea5e9;              /* In progress, notices */
    --info-subtle: rgba(14, 165, 233, 0.15);

    --purple: #8b5cf6;            /* Reversals, accounting, HR */
    --purple-subtle: rgba(139, 92, 246, 0.15);

    /* Spacing & Radii */
    --radius-sm: 0.375rem;        /* 6px */
    --radius-md: 0.5rem;          /* 8px */
    --radius-lg: 0.75rem;         /* 12px */
    --radius-xl: 1rem;            /* 16px */
    --radius-2xl: 1.25rem;        /* 20px */

    /* Shadows & Glows */
    --shadow-card: 0 4px 20px -2px rgba(3, 7, 18, 0.45);
    --shadow-dropdown: 0 10px 25px -3px rgba(0, 0, 0, 0.5);
    --glow-primary: 0 0 15px rgba(37, 99, 235, 0.25);
}