/* Design tokens for the "Modern light" look. See docs/design/modern-light.md.
   Area stylesheets use these variables and never hard-code colour or font values.
   The --paper* / --ink* / --rule* names are kept from the previous look so existing
   rules, layout.css and tiling keep working: read --paper as the page background,
   --paper-raised as a surface (cards, inputs) and --paper-sunk as a recessed fill. */
@import url("/vendor/fonts/fonts.css");
:root {
  /* Surfaces */
  --paper: #F4F6FA;
  --paper-raised: #FFFFFF;
  --paper-sunk: #EDF0F5;
  /* Text */
  --ink: #111827;
  --ink-2: #475467;
  --ink-3: #566274;
  --muted: #5B6677;
  /* Borders: --rule is the soft hairline, --rule-strong the border of controls. */
  --rule: #E3E7EE;
  --rule-strong: #C8CFDB;
  /* The one accent: selection, primary actions, focus, links. */
  --accent: #4F46E5;
  --accent-ink: #4338CA;
  --accent-wash: #EEF0FF;
  --on-accent: #FFFFFF;
  /* Status colours. Marks use the base colour, text uses the -ink colour. */
  --danger: #DC3545;
  --danger-ink: #B42330;
  --danger-wash: #FDECEE;
  --ok: #16A34A;
  --ok-ink: #0F7A3C;
  --info: #0369A1;
  --warn: #D97706;
  --warn-ink: #8F4A0B;
  /* Type */
  --font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  /* Shape and elevation */
  --radius: 10px;
  --radius-sm: 6px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --shadow-md: 0 8px 24px rgba(16, 24, 40, .12);
  --focus-ring: 0 0 0 3px rgba(79, 70, 229, .3);
  /* Categorical chart series (Pareto pie); --chart-other is the folded tail. */
  --chart-1: #4F46E5;
  --chart-2: #0E9F9A;
  --chart-3: #D97706;
  --chart-4: #DB2777;
  --chart-5: #0369A1;
  --chart-6: #65A30D;
  --chart-other: #9AA4B2;
}