/* DoEdu Color Tokens
   School Palette — soft pastels with thick-border brutalist character */

:root {
  /* ── Brand Palette ── */
  --color-teal:   #5DC9A4;   /* primary green-teal */
  --color-sky:    #5BBECA;   /* secondary sky-teal */
  --color-yellow: #F5F3A2;   /* accent lemon yellow */
  --color-mint:   #D0E5CE;   /* soft sage mint */
  --color-peach:  #FFAA88;   /* warm coral/peach */

  /* ── Neutrals ── */
  --color-dark:   #1A1A1A;   /* near-black — headlines */
  --color-cream:  #F7F5EE;   /* warm off-white background */
  --color-white:  #FFFFFF;
  --color-muted:  #6B6B6B;   /* secondary text */
  --color-border: #E7E2D3;   /* soft hairline border */

  /* ── Semantic aliases ── */
  --color-primary:       var(--color-teal);
  --color-secondary:     var(--color-sky);
  --color-accent-warm:   var(--color-peach);
  --color-accent-yellow: var(--color-yellow);
  --color-bg:            var(--color-cream);
  --color-surface:       var(--color-white);
  --color-surface-alt:   var(--color-mint);
  --color-text:          var(--color-dark);
  --color-text-muted:    var(--color-muted);

  /* ── Functional ── */
  --color-success: #5DC9A4;
  --color-warning: #F5C842;
  --color-error:   #E05A5A;
  --color-star:    #F5C842;  /* star rating gold */
}