/* POLARIS — Colour tokens
   One brand colour: #2B3DF8 POLARIS Blue. Flat blue only — no gradients,
   no multi-colour palette. Never invent new colours. */

:root {
  /* Brand */
  --primary: #2B3DF8;          /* buttons, links, icons, stat numbers, eyebrows, borders */
  --primary-hover: #1F2DC2;    /* hover state on primary buttons */
  --primary-tint: #EEF0FE;     /* faint blue wash — selected rows, icon chips */

  /* Ink & surface */
  --foreground: #0A0E2A;       /* all body text (near-black, faint blue undertone) */
  --background: #FFFFFF;        /* page background */
  --secondary: #F5F7FB;        /* subtle gray surface — cards on dark bg, zebra rows */
  --muted-foreground: #5F698A; /* captions, labels, placeholder text */

  /* Lines */
  --border: #ECEFF6;           /* hairline borders */
  --border-strong: #DBE0EC;    /* input borders, secondary button borders */

  /* On-blue (text/elements reversed out on a blue panel) */
  --on-primary: #FFFFFF;
  --on-primary-muted: rgba(255, 255, 255, 0.72);
  --on-primary-border: rgba(255, 255, 255, 0.22);

  /* Status — product UI states only, never marketing decoration */
  --success: #1E9E6A;
  --success-tint: #E7F5EF;
  --warning: #C77A12;
  --warning-tint: #FBF1E2;
  --danger: #D5403B;
  --danger-tint: #FBEAE9;
}