/**
 * Material Design 3 Expressive Tokens
 * Edu Vanguard - Realtime Multiple-Choice Quiz Platform
 * Developed by DST Team Developers
 * (Typography: Quicksand)
 */

:root {
  /* MD3 Color Palette - Edu Vanguard Emerald Forest Scheme */
  --md-sys-color-primary: #206A4D;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #A9F2CD;
  --md-sys-color-on-primary-container: #002114;
  
  --md-sys-color-secondary: #4D6357;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #CFE9D9;
  --md-sys-color-on-secondary-container: #0A1F16;
  
  --md-sys-color-tertiary: #3D6373;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #C1E9FB;
  --md-sys-color-on-tertiary-container: #001F29;
  
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #410002;
  
  --md-sys-color-success: #206A4D;
  --md-sys-color-on-success: #FFFFFF;
  --md-sys-color-success-container: #A9F2CD;
  --md-sys-color-on-success-container: #002107;

  --md-sys-color-warning: #8b5000;
  --md-sys-color-on-warning: #ffffff;
  --md-sys-color-warning-container: #FFF3D6;
  --md-sys-color-on-warning-container: #2c1600;
  
  --md-sys-color-surface: #F5FBF5;
  --md-sys-color-on-surface: #171D19;
  --md-sys-color-surface-variant: #DBE5DD;
  --md-sys-color-on-surface-variant: #404943;
  --md-sys-color-outline: #707973;
  --md-sys-color-outline-variant: #BFC9C1;

  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #EFF5EF;
  --md-sys-color-surface-container: #EAEFE9;
  --md-sys-color-surface-container-high: #E4EAE4;
  --md-sys-color-surface-container-highest: #DEE4DE;
  
  --md-sys-color-inverse-surface: #2C322E;
  --md-sys-color-inverse-on-surface: #EDF2EC;
  --md-sys-color-inverse-primary: #8DD5B2;
  
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;

  /* Expressive Accent Colors for Quiz Choices */
  --choice-a-bg: #e8f0fe;
  --choice-a-color: #1967d2;
  --choice-a-border: #aecbfa;

  --choice-b-bg: #fce8e6;
  --choice-b-color: #c5221f;
  --choice-b-border: #f6aea9;

  --choice-c-bg: #fef7e0;
  --choice-c-color: #ea8600;
  --choice-c-border: #fdd663;

  --choice-d-bg: #e6f4ea;
  --choice-d-color: #137333;
  --choice-d-border: #a8dab5;

  --choice-e-bg: #f3e8fd;
  --choice-e-color: #8430ce;
  --choice-e-border: #d7aefb;

  /* Typography Scale (Quicksand) */
  --md-ref-typeface-brand: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --md-ref-typeface-plain: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --md-ref-typeface-code: 'JetBrains Mono', monospace;

  --md-sys-typescale-display-large: 700 52px/60px var(--md-ref-typeface-brand);
  --md-sys-typescale-display-medium: 700 42px/48px var(--md-ref-typeface-brand);
  --md-sys-typescale-display-small: 700 34px/40px var(--md-ref-typeface-brand);
  
  --md-sys-typescale-headline-large: 700 30px/38px var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-medium: 600 26px/34px var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-small: 600 22px/30px var(--md-ref-typeface-brand);
  
  --md-sys-typescale-title-large: 700 20px/26px var(--md-ref-typeface-brand);
  --md-sys-typescale-title-medium: 600 16px/24px var(--md-ref-typeface-brand);
  --md-sys-typescale-title-small: 600 14px/20px var(--md-ref-typeface-brand);
  
  --md-sys-typescale-body-large: 500 16px/24px var(--md-ref-typeface-plain);
  --md-sys-typescale-body-medium: 500 14px/20px var(--md-ref-typeface-plain);
  --md-sys-typescale-body-small: 500 12px/16px var(--md-ref-typeface-plain);
  
  --md-sys-typescale-label-large: 700 14px/20px var(--md-ref-typeface-plain);
  --md-sys-typescale-label-medium: 600 12px/16px var(--md-ref-typeface-plain);
  --md-sys-typescale-label-small: 600 11px/16px var(--md-ref-typeface-plain);

  /* Shape Tokens */
  --md-shape-corner-none: 0px;
  --md-shape-corner-extra-small: 4px;
  --md-shape-corner-small: 8px;
  --md-shape-corner-medium: 12px;
  --md-shape-corner-large: 16px;
  --md-shape-corner-extra-large: 24px;
  --md-shape-corner-full: 9999px;

  /* Motion Curves (Material 3 Expressive) */
  --md-motion-easing-emphasized: cubic-bezier(0.2, 0.0, 0, 1.0);
  --md-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1.0);
  --md-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0.0, 0.8, 0.15);
  --md-motion-easing-standard: cubic-bezier(0.2, 0.0, 0, 1.0);
  --md-motion-duration-short: 150ms;
  --md-motion-duration-medium: 300ms;
  --md-motion-duration-long: 500ms;
}

/* Student Theme Tokens */
[data-theme="student"] {
  --student-mesh-1: #206A4D;
  --student-mesh-2: #3D6373;
  --student-mesh-3: #4D6357;
  --student-mesh-4: #123E2F;
  --student-card-bg: rgba(255, 255, 255, 0.95);
  --student-card-border: rgba(255, 255, 255, 0.7);
  --student-card-backdrop: blur(16px);
}