/*
 * The single source of design tokens. No other stylesheet may declare :root —
 * spec/assets/stylesheet_isolation_spec.rb enforces that.
 *
 * Values are read from the Claude Design project, not approximated. If a value
 * here disagrees with a screen, the screen is wrong.
 */
:root {
  /* Surfaces */
  --sk-page:           #EFEEEB;
  --sk-surface:        #FFFFFF;

  /* Accent — READ OFF THE LOGO, not chosen beside it.
     #185888 is the blue of the Sikai mark itself (the seedling in the open
     book, app/assets/images/sikai-mark.png) and of the wordmark. It replaces
     #2D5BFF, an electric blue this palette carried from the imported design
     file: with the real mark on the page, the two sat inches apart in the
     landing header and on every sign-in screen and read as two brands.

     Darker than what it replaced, which is a gain rather than a cost --
     #185888 measures 7.4:1 on white against #2D5BFF's 4.9:1, so the same
     button, link and chip colour now clears AA with room instead of scraping
     it. Every surface reads these three, including the children's (which
     keeps its own copy in student.css --s-blue; change both or neither). */
  --sk-accent:         #185888;
  --sk-accent-hover:   #12466B;
  --sk-accent-subtle:  #E8F0F6;

  /* Text */
  --sk-ink:            #17181A;
  --sk-text-2:         #3D4149;
  --sk-text-muted:     #9A9EA6;

  /* Semantic */
  --sk-success:        #147A5A;
  --sk-success-tint:   #E6F4EF;
  --sk-success-deep:   #0E5B43;
  --sk-warning:        #8A6D12;
  --sk-warning-tint:   #FBF3DC;
  --sk-gold:           #C9A227;

  /* Red is for staff surfaces, where an admin deleting a class needs the
     destructive control to read as exactly that. Carried over from admin.css
     when its :root was retired.

     D-A narrows the old "and always will be" here: the secondary register
     (grade 6+, a student sitting SEE exam practice) now carries its own red
     for one wrong-answer tone, so it is no longer true that red never
     reaches a student screen. That pair is deliberately NOT these tokens --
     it is --s-error-tint/--s-error-deep, scoped under .sikai-student in
     student.css, so a primary child's CSS never has a route to red even by
     accident. These --sk-error* tokens stay staff/admin-only. See the D-A
     note in student.css's Feedback section for the student-facing half. */
  --sk-error:          #C0392B;
  --sk-error-tint:     #FBEDEB;
  --sk-error-deep:     #8E2B20;

  /* Neutral fills, lightest to darkest */
  --sk-fill-1:         #F7F6F4;
  --sk-fill-2:         #F2F1EE;
  --sk-fill-3:         #EDECE8;
  --sk-fill-4:         #E4E3DF;
  --sk-fill-5:         #D6D4CF;
  --sk-fill-6:         #C4C2BD;

  /* Type — self-hosted in fonts.css. Do not add a webfont host.
     Manrope carries no Devanagari, and the admin renders Nepali title_ne
     fields, so the chain keeps Latin on the design's face while Devanagari
     falls through to a face that has the glyphs. Browsers fall back per
     glyph, not per element, so this costs nothing on Latin-only screens.

     There is no --sk-font-mono any more, and there should not be one. Every
     surface in the product is now set in a SINGLE family -- Manrope on the
     staff, school, admin and parent screens, Dosis on the children's, Baloo
     2 on the public pages -- and the columns of figures the mono used to
     hold in line are held by `font-variant-numeric: tabular-nums` instead
     (Manrope ships `tnum`; see the rules at the foot of parents.css,
     staff.css and admin.css). Reaching for a second family here puts two
     faces back on a screen that no longer needs them. */
  --sk-font-ui:        Manrope, "IBM Plex Sans Devanagari", "Noto Sans Devanagari", system-ui, sans-serif;
}