/* ============================================
   THEME.CSS - Root Variables
   ============================================ */

:root {
    /* Primary Colors */
    --primary: #005da7;
    --primary-container: #2976c7;
    --primary-fixed: #d4e3ff;
    --primary-fixed-dim: #a4c9ff;
    --on-primary: #ffffff;
    --on-primary-fixed: #001c39;
    --on-primary-fixed-variant: #004883;
    
    /* Surface Colors */
    --surface: #f8f9ff;
    --surface-dim: #d8dae1;
    --surface-bright: #f8f9ff;
    --surface-container: #ecedf5;
    --surface-container-low: #f2f3fb;
    --surface-container-lowest: #ffffff;
    --surface-container-high: #e6e8ef;
    --surface-container-highest: #e1e2e9;
    --surface-variant: #e1e2e9;
    --on-surface: #191c21;
    --on-surface-variant: #414751;
    
    /* Secondary Colors */
    --secondary: #705d00;
    --secondary-container: #fcd400;
    --secondary-fixed: #ffe16d;
    --secondary-fixed-dim: #e9c400;
    --on-secondary: #ffffff;
    --on-secondary-fixed: #221b00;
    --on-secondary-fixed-variant: #544600;
    --on-secondary-container: #6e5c00;
    
    /* Tertiary Colors */
    --tertiary: #006a34;
    --tertiary-container: #008644;
    --tertiary-fixed: #83fba5;
    --tertiary-fixed-dim: #66dd8b;
    --on-tertiary: #ffffff;
    --on-tertiary-fixed: #00210c;
    --on-tertiary-fixed-variant: #005227;
    --on-tertiary-container: #f6fff3;
    
    /* Error Colors */
    --error: #ba1a1a;
    --error-container: #ffdad6;
    --on-error: #ffffff;
    --on-error-container: #93000a;
    
    /* Outline */
    --outline: #717783;
    --outline-variant: #c1c7d3;
    
    /* Inverse */
    --inverse-surface: #2e3036;
    --inverse-on-surface: #eff0f8;
    --inverse-primary: #a4c9ff;
    
    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    
    /* Border Radius */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-full: 9999px;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
    --transition-slow: 500ms ease;
    
    /* Typography */
    --font-headline: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Be Vietnam Pro', sans-serif;
    --font-label: 'Be Vietnam Pro', sans-serif;
}