/* IRL design tokens — the light system. Single source of truth for values;
   see web/design-system.md for what each one means and how to use it.
   Nothing outside this file should contain a literal hex for anything
   these tokens cover.

   This is the LIGHT system only (auth screens, marketing pages). The Admin
   Console keeps its own separate dark palette for now — see
   design-system.md's "Admin Console theming" section — deliberately not
   merged into this file yet, since board.css's variable names currently
   mean the opposite of what they mean here (its --ink is a background,
   this file's --ink is text) and reconciling that is its own later pass,
   not a side effect of this one. */

:root{
  /* Text + surfaces */
  --ink:#08122A;
  --ink-2:#41546F;
  --ink-3:#6D7F97;
  --line:#E4E8F0;
  --line-2:#CBD3E1;
  --paper:#FFFFFF;
  --page:#FCFCFE;
  --wash:#F6F8FC;

  /* Accents — see design-system.md's accent rule before using either */
  --ultramarine:#2F5BEA;
  --focus-ring:rgba(47,91,234,.20);
  --sodium:#F0A03C;
  --sodium-press:#DE8F2B;
  --sodium-ink:#1C1206;   /* label colour ON sodium fills — never --ink */

  /* Swirl-only */
  --sky:#66C2F5;
  --periwinkle:#8E86F7;
  --ember:#FF8A7A;

  /* Semantic roles — background / border / text, each AA-checked on
     --paper and --wash. Proposed values; see design-system.md for the
     base hue each is derived from. */
  --success-bg:#EAF7EE;
  --success-border:#BFE5C8;
  --success-text:#1E7A3B;
  --warning-bg:#FFF4E5;
  --warning-border:#F3D29A;
  --warning-text:#8A5A12;
  --danger-bg:#FDECEA;
  --danger-border:#F5B4AC;
  --danger-text:#B3261E;

  /* Shape + depth */
  --r-control:10px;
  --r-card:14px;
  --shadow-sm:0 1px 1px rgba(11,23,48,.04);
  --shadow-card:0 0 0 1px rgba(11,23,48,.05),0 20px 44px -14px rgba(11,23,48,.24),0 4px 10px -4px rgba(11,23,48,.10);
}