/* ==========================================================================
   E47 PERFORMANCE — DESIGN SYSTEM TOKENS
   Core Brand: Reset. Rebuild. Rise. (Recovery, Rehabilitation, Performance)
   ========================================================================== */
:root {
    /* E47 Brand Tokens */
    --e47-primary: #D6B36C;
    --e47-primary-rgb: 214, 179, 108;
    --e47-primary-hover: #C5A059;
    --e47-primary-dark: #A88338;
    --e47-primary-light: #F4E5C6;
    --e47-teal: #102728;
    --e47-teal-rgb: 16, 39, 40;
    --e47-teal-deep: #0A1819;
    --e47-teal-surface: #193435;
    --e47-teal-light: #E7EEED;

    /* Theme Tokens (Light Mode Default) */
    --t-primary: #D6B36C;
    --t-primary-rgb: 214, 179, 108;
    --t-primary-hover: #C5A059;
    --t-secondary: #475569;
    --t-secondary-rgb: 71, 85, 105;

    /* Semantic Status Palette (Accessible & Consistent) */
    --t-success: #10B981;
    --t-success-rgb: 16, 185, 129;
    --t-warning: #D97706;
    --t-warning-rgb: 217, 119, 6;
    --t-danger: #EF4444;
    --t-danger-rgb: 239, 68, 68;
    --t-info: #0D9488;
    --t-info-rgb: 13, 148, 136;
    --t-purple: #7C3AED;
    --t-purple-rgb: 124, 58, 237;
    --t-orange: #EA580C;
    --t-orange-rgb: 234, 88, 12;

    /* Clinical Appointment States */
    --t-status-scheduled: #3B82F6;
    --t-status-confirmed: #0D9488;
    --t-status-in-progress: #D97706;
    --t-status-completed: #10B981;
    --t-status-cancelled: #EF4444;
    --t-status-missed: #64748B;
    --t-status-no-show: #EA580C;

    /* Surfaces (Light Mode) */
    --t-bg: #F7F7F2;
    --t-sidebar-bg: #102728;
    --t-sidebar-hover: rgba(214, 179, 108, 0.12);
    --t-sidebar-active: #193435;
    --t-navbar-bg: #FFFFFF;
    --t-card-bg: #FFFFFF;
    --t-card-elevated: #FFFFFF;
    --t-border: #E5E5DB;
    --t-border-subtle: #ECECE4;

    /* Text */
    --t-text: #111827;
    --t-text-dark: #0A1415;
    --t-muted: #64748B;
    --t-accent: #D6B36C;
    --t-accent-dark: #C5A059;

    /* Elevation */
    --t-shadow-sm: 0 1px 2px rgba(16, 39, 40, 0.05);
    --t-shadow: 0 1px 3px rgba(16, 39, 40, 0.07), 0 1px 2px rgba(16, 39, 40, 0.04);
    --t-shadow-md: 0 4px 12px rgba(16, 39, 40, 0.08);
    --t-shadow-lg: 0 12px 28px rgba(16, 39, 40, 0.12);

    /* Radius */
    --t-radius-sm: 6px;
    --t-radius: 10px;
    --t-radius-lg: 14px;
    --t-radius-card: 16px;
    --t-radius-table: 12px;
    --t-radius-pill: 999px;

    /* Motion */
    --t-transition-fast: 140ms cubic-bezier(0.4, 0, 0.2, 1);
    --t-transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);

    /* Layout Dimensions */
    --t-sidebar-width: 264px;
    --t-navbar-height: 64px;

    /* Typography */
    --t-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --t-font-display: 'Archivo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Table Scrollbars */
    --t-scrollbar-track: #EFEFE8;
    --t-scrollbar-thumb: #D6B36C;
    --t-scrollbar-thumb-hover: #C5A059;
    --t-scrollbar-size: 10px;
    --t-scrollbar-radius: 8px;
}

:root[data-theme="dark"] {
    --t-primary: #D6B36C;
    --t-primary-rgb: 214, 179, 108;
    --t-primary-hover: #E5C687;
    --t-accent: #D6B36C;

    --t-bg: #091314;
    --t-sidebar-bg: #0A1718;
    --t-sidebar-hover: rgba(214, 179, 108, 0.15);
    --t-sidebar-active: #142829;
    --t-navbar-bg: #0D1C1D;
    --t-card-bg: #122425;
    --t-card-elevated: #182E2F;
    --t-border: #1D3739;
    --t-border-subtle: #162B2C;

    --t-text: #F0F0E5;
    --t-text-dark: #FFFFFF;
    --t-muted: #8EA4A6;

    --t-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --t-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    --t-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
    --t-shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.55);

    --t-scrollbar-track: #102122;
    --t-scrollbar-thumb: #D6B36C;
    --t-scrollbar-thumb-hover: #E5C687;
}