/* AutoClass Design Tokens - Single source of truth for CSS variables.
   Loaded globally via base.html before all other custom CSS.
   Both styles.css and driverDesignSystem.css reference these tokens
   instead of defining their own :root blocks. */

:root {
    /* ─── Brand Colors ─────────────────────────────────────── */
    --primary-color: #FD5C63;
    --primary-hover: #951A2E;
    --secondary-color: #4dabf7;

    /* ─── Semantic Colors ──────────────────────────────────── */
    --success-color: #28a745;
    --success-hover: #218838;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --danger-hover: #c82333;

    /* ─── Gradients ────────────────────────────────────────── */
    --primary-gradient: linear-gradient(135deg, #FD5C63 0%, #951A2E 100%);
    --secondary-gradient: linear-gradient(135deg, #4dabf7 0%, #3a8ee6 100%);
    --success-gradient: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    --background-gradient: linear-gradient(135deg, #2c3e50 0%, #4a2c3e 100%);

    /* ─── Background Colors ────────────────────────────────── */
    --bg-gradient-start: #2c3e50;
    --bg-gradient-end: #4a2c3e;
    --bg-primary: #f8fafc;
    --bg-secondary: #e2e8f0;
    --bg-dark: #343a40;
    --navbar-bg: #222;
    --card-bg: #ffffff;

    /* ─── Text Colors ──────────────────────────────────────── */
    --text-primary: #212529;
    --text-secondary: #6c757d;
    --text-light: #ffffff;
    --text-dark: #000000;
    --text-muted: #818181;

    /* ─── Shadow System ────────────────────────────────────── */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);

    /* ─── Border Radius System ─────────────────────────────── */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 50%;

    /* ─── Spacing System ───────────────────────────────────── */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;

    /* ─── Typography Scale ─────────────────────────────────── */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;
    --text-4xl: 2.5rem;
    --text-5xl: 3rem;

    /* ─── Transition System ────────────────────────────────── */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* ─── Z-Index Scale ────────────────────────────────────── */
    --z-dropdown: 1000;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}