/* owner: admin-v2 B1 · contract: server/ADMIN-V2.md sec. 4.6 (tokens: the approved sketch's teal palette, radii, the font
   stack, layout sizes, z-index). Components never use a raw palette color: they read these. Light only (sec. 0.4): no dark
   scheme, no theme attribute. */

:root {
  color-scheme: light;

  /* palette: the sketch's teal (N26 band and CTA, caution yellow as the one spark) */
  --solid: #1b1b1b; --onSolid: #fff;
  --ground: #f5f3ee; --card: #fff; --parch: #fbfaf8; --stone: #e9e9e9; --line: #ecebe7;
  --ink: #1b1b1b; --muted: #6d6d6d; --deep: #1b1b1b; --onDeep: #b8b8b8;
  --band: #088177; --onBand: #fff; --onBandMuted: #fff; --bandCard: #06736a; --onBandCard: #fff;
  --spark: #ffda44; --onSpark: #1b1b1b; --sparkBtn: #1b1b1b; --onSparkBtn: #fff;
  --cta: #088177; --onCta: #fff; --ctaLine: #088177;
  --ok: #1dc479; --bad: #d80027; --wait: #ffda44;
  --glass: rgba(251, 250, 247, .66); --glassSolid: #ecebe5;
  /* the status colors over white (12, 9 and 25 %), for notice boxes */
  --okSoft: #e4f8ef; --badSoft: #fbe8ec; --waitSoft: #fff6d0;
  /* the surface inks (--fg, --fgOn, --fgMuted, --fgLine, --fgSoft, --fgFill, --ring) live in base.css with the surfaces */

  /* shape, type, motion */
  --r: 26px; --chip: 8px;
  --font: 'Rubik', system-ui, -apple-system, 'Segoe UI', 'Noto Sans Hebrew', 'Arial Hebrew', sans-serif;
  --spring: cubic-bezier(.2, .9, .25, 1.1);

  /* layout: the nav column width and the start gutter of the band and the page */
  --sideW: 248px; --gs: calc(16px + var(--sideW) + 32px);

  /* stacking (dialogs live in the top layer) */
  --z-nav: 20; --z-maya: 25; --z-bubble: 26; --z-toast: 30; --z-skip: 40;
}
@media (min-width: 761px) and (max-width: 1179px) { :root { --sideW: 76px; } }
@media (max-width: 760px) { :root { --gs: 16px; } }