/* 
   SECTION 0: DESIGN TOKENS
   Material 3 Dark Theme Palette & Constants
*/

:root {
    /* Palette: Deep Dark Blue/Violet Theme */
    --primary: #D0BCFF;
    --on-primary: #381E72;
    --primary-container: #4F378B;
    --on-primary-container: #EADDFF;

    --secondary: #CCC2DC;
    --on-secondary: #332D41;
    --secondary-container: #4A4458;
    --on-secondary-container: #E8DEF8;

    --tertiary: #EFB8C8;
    --on-tertiary: #492532;
    --tertiary-container: #633B48;
    --on-tertiary-container: #FFD8E4;

    --error: #F2B8B5;
    --on-error: #601410;
    --error-container: #8C1D18;
    --on-error-container: #F9DEDC;

    /* Surfaces */
    --surface: #141218;
    --on-surface: #E6E1E5;
    --on-surface-variant: #CAC4D0;
    
    --surface-container-low: #1D1B20;
    --surface-container: #211F26;
    --surface-container-high: #2B2930;
    --surface-container-highest: #36343B;

    /* Inverse Surfaces (For Toasts/Snackbars) */
    --inverse-surface: #E6E1E5;
    --inverse-on-surface: #313033;
    --inverse-primary: #6750A4;

    --outline: #938F99;
    --outline-variant: #49454F;

    /* Typography */
    --font-sans: 'Inter', 'Roboto', sans-serif;
    --font-mono: 'JetBrains Mono', 'Consolas', monospace;

    /* Radius System */
    --radius-full: 9999px;
    --radius-xl: 28px;  /* Large Containers */
    --radius-l: 16px;   /* Medium Elements */
    --radius-m: 12px;   /* Small Elements */
    --radius-s: 8px;    /* Micro Elements */

    /* Animation Physics */
    --spring-easing: cubic-bezier(0.2, 0.0, 0, 1.0); /* Emphasized Decelerate */
    --duration-short: 200ms;
    --duration-medium: 400ms;
}