/* ============================================================
   Eye-PIRLS — Material Design 3 foundation (md3.css)
   Token layer adapted from Eye-Rec 1.2 (lessons §6/§9): same MD3
   token SYSTEM, values re-tuned as a warm, high-contrast palette
   for grade-4 children. Consumed by student.css (teacher-facing
   pages keep dashboard.css and can adopt these tokens
   incrementally). Self-contained: no external resources.
   ============================================================ */

:root {
  /* color — warm paper + friendly amber primary; the reading
     passage itself stays quiet (near-white surface, dark warm ink) */
  --md-primary: #c65f00;             /* amber-orange, AA on surface */
  --md-on-primary: #ffffff;
  --md-primary-dark: #9d4a00;
  --md-primary-container: #ffe9d2;
  --md-on-primary-container: #4a2800;
  --md-error: #b3372f;
  --md-error-container: #f9dedc;
  --md-success: #23794b;
  --md-success-container: #d3ecd9;
  --md-star: #f2b705;                /* the calibration star */
  --md-star-glow: rgba(242, 183, 5, 0.45);
  --md-surface: #fffdf9;             /* cards / passage background */
  --md-surface-dim: #faf5ee;         /* page background */
  --md-surface-container: #f5eee3;
  --md-on-surface: #2b2118;          /* warm near-black ink */
  --md-on-surface-variant: #77685a;
  --md-outline: #a5937f;
  --md-outline-strong: #cdbba1;
  --md-outline-variant: #e5dac9;

  /* shape */
  --md-radius-s: 8px;
  --md-radius-m: 12px;
  --md-radius-l: 16px;
  --md-radius-full: 999px;

  /* elevation — soft two-layer MD3 shadows */
  --md-elev-1: 0 1px 2px rgba(64, 41, 12, 0.12),
               0 1px 3px 1px rgba(64, 41, 12, 0.08);
  --md-elev-2: 0 1px 2px rgba(64, 41, 12, 0.12),
               0 2px 6px 2px rgba(64, 41, 12, 0.08);
}