/* Sky Isles design tokens on :root (site redesign W0, 3 Nov 2026). Values = the .sk tokens in sky-isles.css + design-system.md.
   Every name is prefixed --sky-: the legacy layer already owns --primary, --muted, --border, --card... (shadcn / mint theme)
   with different meanings, so un-prefixed names would recolour the admin and old pages. Defining tokens changes nothing
   by itself; only sky-legacy.css (and future Sky CSS) reads them. */
:root {
  --sky-navy: #13284A; --sky-navy-2: #0E1F3B;
  --sky-teal: #1FC7B6; --sky-teal-ink: #0B7F74; --sky-teal-soft: #DDF6F2; --sky-teal-top: #33D9C7; --sky-teal-2: #17B3A3; --sky-on-teal: #06312E;
  --sky-gold: #FFC93C; --sky-gold-2: #F5A922; --sky-gold-ink: #F7C64A; --sky-gold-top: #FFE16A; --sky-on-gold: #1B2A44;
  --sky-page: #F4F2EC; --sky-card: #FFFFFF; --sky-ink: #15284B; --sky-muted: #5E6B80; --sky-hair: #E6E1D6; --sky-zebra: #F6F8FB;
  /* form-field outline: --sky-hair is 1.2:1 on white, too faint for an input edge; this one is 3:1 (WCAG 1.4.11) */
  --sky-field: #8994A6;
  --sky-head: Kanit, 'IBM Plex Sans Thai Looped', 'Krobkruat', 'Leelawadee UI', Tahoma, Arial, sans-serif;
  --sky-body: 'IBM Plex Sans Thai Looped', 'Krobkruat', 'Leelawadee UI', Tahoma, Arial, sans-serif;
  /* radii: 12 inputs/tiles, 14 cards, 16 buttons, 20 panels, 999 pills (no others) */
  --sky-r-tile: 12px; --sky-r-card: 14px; --sky-r-btn: 16px; --sky-r-panel: 20px; --sky-r-pill: 999px;
  /* soft shadows only (no hard "0 4px 0" offsets) */
  --sky-sh-card: 0 8px 18px -16px rgba(16, 34, 70, .5);
  --sky-sh-float: 0 6px 18px -8px rgba(10, 30, 60, .45);
  --sky-sh-gold: inset 0 1px 0 rgba(255, 255, 255, .7), 0 10px 22px -10px rgba(245, 169, 34, .9);
  --sky-sh-teal: 0 10px 20px -10px rgba(19, 181, 165, .9);
  --sky-ring: 0 0 0 3px rgba(31, 199, 182, .28);
  /* status */
  --sky-ok: #0B7F74; --sky-ok-bg: #DDF6F2; --sky-no: #A3461C; --sky-no-bg: #FDEEE4; --sky-warn: #8A5A00; --sky-warn-bg: #FFF4D6; --sky-info-bg: #EAF3FB;
  /* subject tints (bg / ink) */
  --sky-math-bg: #E0ECFF; --sky-math: #2563EB; --sky-science-bg: #EDE9FE; --sky-science: #6D28D9; --sky-thai-bg: #FFF1D6; --sky-thai: #B45309;
  --sky-english-bg: #DCFCE7; --sky-english: #15803D; --sky-biology-bg: #E0F2FE; --sky-biology: #0369A1;
}