/* nmbrand-begin: generated from NMBrand dist/tokens.css by scripts/sync-brand-tokens.mjs; do not edit between the markers */
/* Generated from tokens/tokens.json. Do not edit. */
:root {
  --background: #F4F5F2;
  --surface: #FFFFFF;
  --border: #DDE1DC;
  --border-strong: #C9CFC9;
  --control-border: #7A847F;
  --highlight-soft: #EEF1ED;
  --hover: #E6E9E5;
  --row-hover: #F7F8F6;
  --text: #17201D;
  --text-2: #2A3430;
  --text-3: #3B4541;
  --text-4: #4A5550;
  --text-muted: #5A6560;
  --inactive: #8A948F;
  --brand: #0E6B60;
  --on-brand: #FFFFFF;
  --brand-dark: #0A4F47;
  --brand-fold: #0B574E;
  --brand-background: #E3F0EC;
  --brand-border: #8FB8B0;
  --attention: #A04F06;
  --on-attention: #FFFFFF;
  --attention-dark: #7E3E05;
  --attention-background: #FBF3EC;
  --error: #BA1A1A;
  --radius-xs: 8px;
  --radius-s: 10px;
  --radius-m: 12px;
  --radius-l: 14px;
  --radius-xl: 18px;
  --radius-pill: 20px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --shadow-floating: 0 12px 36px #17201D24;
  --font: Figtree, "Segoe UI", Roboto, system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;
}

[data-theme="dark"] {
  color-scheme: dark;
  --background: #101413;
  --surface: #1C201F;
  --border: #313634;
  --border-strong: #3F4946;
  --control-border: #889390;
  --highlight-soft: #272B2A;
  --hover: #313634;
  --row-hover: #181C1B;
  --text: #E0E3E1;
  --text-2: #E0E3E1;
  --text-3: #BEC9C5;
  --text-4: #BEC9C5;
  --text-muted: #889390;
  --inactive: #889390;
  --brand: #86D5C7;
  --on-brand: #003731;
  --brand-dark: #A2F1E3;
  --brand-fold: #86D5C7;
  --brand-background: #005047;
  --brand-border: #86D5C7;
  --attention: #FFB687;
  --on-attention: #512400;
  --attention-dark: #FFDBC7;
  --attention-background: #733600;
  --error: #FFB4AB;
  --shadow-floating: 0 0 0 1px #3F4946;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #101413;
    --surface: #1C201F;
    --border: #313634;
    --border-strong: #3F4946;
    --control-border: #889390;
    --highlight-soft: #272B2A;
    --hover: #313634;
    --row-hover: #181C1B;
    --text: #E0E3E1;
    --text-2: #E0E3E1;
    --text-3: #BEC9C5;
    --text-4: #BEC9C5;
    --text-muted: #889390;
    --inactive: #889390;
    --brand: #86D5C7;
    --on-brand: #003731;
    --brand-dark: #A2F1E3;
    --brand-fold: #86D5C7;
    --brand-background: #005047;
    --brand-border: #86D5C7;
    --attention: #FFB687;
    --on-attention: #512400;
    --attention-dark: #FFDBC7;
    --attention-background: #733600;
    --error: #FFB4AB;
    --shadow-floating: 0 0 0 1px #3F4946;
  }
}
/* nmbrand-end */