/* DarSage design tokens: the one set of colours, sizes and type the portal and the sign-in page are both built on.
   The Host keeps an identical copy (src/DarSage.Identity/tokens.css); a test fails when the two differ. */
:root {
  --font: system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --ink: #172f36;
  --ink-soft: #34525a;
  --muted: #49666d;
  --page: #f2f6f6;
  --surface: #ffffff;
  --surface-sunk: #f6f9f9;
  --line: #d3e0e2;
  --line-strong: #88a4aa;

  --brand: #113d48;
  --on-brand: #ffffff;
  --accent: #116b77;
  --accent-strong: #0d5560;
  --focus: #d88510;

  --ok-bg: #dff1e4;
  --ok-ink: #1b5a2d;
  --ok-line: #2a7a43;
  --warn-bg: #fff4e8;
  --warn-ink: #7a4b00;
  --warn-line: #b85f19;
  --danger: #a5321a;
  --danger-strong: #7f2512;
  --danger-bg: #fbe3dc;
  --danger-ink: #8a2a12;
  --info-bg: #dcebf7;
  --info-ink: #17456b;
  --neutral-bg: #e6eef0;
  --neutral-ink: #1d4650;

  --radius-s: .3rem;
  --radius-m: .5rem;
  --radius-l: .75rem;
  --shadow-s: 0 1px 2px rgba(17, 61, 72, .06);
  --shadow-m: 0 6px 24px rgba(17, 61, 72, .08);

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --measure: 46rem;
  --page-width: 1120px;
}