/* DSS shared tokens: the one list of colours, faces and sizes the DSS pages share.

   Source: the DSS plan-set family (dss-daily-report/DESIGN.md, dss-forecast/DESIGN.md,
   dss-labor-report/DESIGN.md, dss-forecast/forecast/web/dashboard.css). The values are
   DSS's measured brand colours; don't invent new ones here.

   Every name starts with --dss- so this file can sit inside another app's page (the
   ledger, the WIP dashboard) without touching that page's own variables.

   COLOUR                 USE
   --dss-blue             DSS blue. A whole title field or bar, or ink: links, numerals,
                          the active state, focus rings, the primary button.
   --dss-blue-ink         Pressed blue: primary hover and border, blue text on the wash.
   --dss-blue-wash        Row hover, a selected item, a success note.
   --dss-on-blue          Secondary text set on DSS blue (dates, names in the bar).
   --dss-ink              Near-black: body text, heavy rules, panel borders.
   --dss-charcoal         Keys (small caps labels), captions, quiet rules.
   --dss-muted            Secondary text on white.
   --dss-rule             Screen rule: table rows, chip and field borders.
   --dss-hair             Hairline: the quietest divider.
   --dss-field            Text field stroke. Darker than the plan-set's #9aa4ad so a field's
                          edge meets 3:1 on white (3.8) and on the wash (3.4).
   --dss-wash             Light grey page ground.
   --dss-paper            White: panels, the logo tab, sheets.
   --dss-flag / -wash / -line   Amber: something a person must check. Never decoration.
   --dss-error / -wash    A failed action and its note.
   --dss-ok               The one "all clear" line.
   --dss-disabled-bg / -fg   Disabled buttons.

   TYPE
   --dss-display          Montserrat: names, figures, keys, buttons, tabs.
   --dss-text             Source Sans 3: everything read or typed.

   SHAPE AND MOTION
   --dss-r-field          3px: text fields, stamps, chips.
   --dss-r-button         4px: buttons. Panels, tables and bars are square.
   --dss-bar-h            56px: the blue title bar.
   --dss-focus            The focus halo on fields.
   --dss-ease             Ease-out for every transition.
*/
:root {
  --dss-blue: #0b578b;
  --dss-blue-ink: #08446c;
  --dss-blue-wash: #e8f0f6;
  --dss-on-blue: #d6e5f0;
  --dss-ink: #242424;
  --dss-charcoal: #4c4c4c;
  --dss-muted: #5d6670;
  --dss-rule: #c9d1d8;
  --dss-hair: #e2e7eb;
  --dss-field: #788591;
  --dss-wash: #f4f4f4;
  --dss-paper: #ffffff;
  --dss-flag: #8a4b00;
  --dss-flag-wash: #fdf1dc;
  --dss-flag-line: #e8b866;
  --dss-error: #a1271b;
  --dss-error-wash: #fbe9e7;
  --dss-ok: #1d6b3a;
  --dss-disabled-bg: #e6e9ec;
  --dss-disabled-fg: #6b737b;

  --dss-display: "Montserrat", "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --dss-text: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  --dss-r-field: 3px;
  --dss-r-button: 4px;
  --dss-bar-h: 56px;
  --dss-focus: 0 0 0 3px rgba(11, 87, 139, 0.18);
  --dss-ease: cubic-bezier(0.22, 1, 0.36, 1);
}