/* Selfsame Labs design tokens, version 2.0.0.
   GENERATED from brand/tokens.json by brand/build-tokens.js. Do not edit by hand.
   Dark values are the default (the site is dark first). data-theme="light" on <html> switches a page
   to the light values; data-theme="dark" is accepted and changes nothing. */

:root {
  /* Named brand colors (same in every mode) */
  --brand-deep-teal: #0F2A2E;
  --brand-teal-surface: #16383D;
  --brand-teal-line: #28545B;
  --brand-mint: #B8F2D8;
  --brand-jade: #5FD3B3;
  --brand-mint-white: #E6F4EE;
  --brand-sage: #9DB8B2;
  --brand-coral: #FF6B4A;
  --brand-pine: #1F7A6C;
  --brand-ink: #0F2A2E;
  --brand-slate: #4F6466;
  --brand-rule: #D5E1DB;
  --brand-paper: #F2F8F5;
  --brand-white: #FFFFFF;
  --brand-black: #000000;

  /* Semantic colors: dark (default) */
  --color-bg: #0F2A2E;
  --color-surface: #16383D;
  --color-surface-2: #1D444A;
  --color-border: #28545B;
  --color-border-strong: #6E9399;
  --color-text: #E6F4EE;
  --color-text-muted: #9DB8B2;
  --color-primary: #5FD3B3;
  --color-primary-hover: #B8F2D8;
  --color-primary-tint: #143F3F;
  --color-primary-tint-border: #2A6B66;
  --color-on-primary: #0F2A2E;
  --color-accent: #FF6B4A;
  --color-accent-hover: #FF8A6F;
  --color-on-accent: #2A0E06;
  --color-focus: #FF6B4A;
  --color-success: #8FDB9A;
  --color-warning: #E3B341;
  --color-warning-bg: #2E2A14;
  --color-error: #F9A8A0;
  --color-todo-bg: #2A1521;
  --color-todo-border: #D0609A;
  --color-todo-text: #F2B8D4;
  --color-sheet-bg: #FFFFFF;
  --color-sheet-ink: #000000;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, "JetBrains Mono", "Liberation Mono", monospace;
  --font-narrow: "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", "Helvetica Neue Condensed", Arial, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.9rem;
  --text-base: 1.0625rem;
  --text-lg: 1.2rem;
  --text-xl: 1.45rem;
  --text-2xl: 2rem;
  --weight-regular: 400;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-tight: 1.25;
  --leading-body: 1.6;
  --leading-dense: 1.4;
  --tracking-label: 0.06em;
  --tracking-title: -0.01em;

  /* Space, shape, layout */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --rule-hair: 1px;
  --rule-heavy: 2px;
  --rule-band: 3px;
  --layout-measure: 46rem;
  --layout-wide: 72rem;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --color-bg: #FFFFFF;
  --color-surface: #F2F8F5;
  --color-surface-2: #E3EFEA;
  --color-border: #D5E1DB;
  --color-border-strong: #6F8985;
  --color-text: #0F2A2E;
  --color-text-muted: #4F6466;
  --color-primary: #1F7A6C;
  --color-primary-hover: #155B51;
  --color-primary-tint: #E4F5EE;
  --color-primary-tint-border: #B3DCCB;
  --color-on-primary: #FFFFFF;
  --color-accent: #FF6B4A;
  --color-accent-hover: #F0532F;
  --color-on-accent: #2A0E06;
  --color-focus: #C23A1E;
  --color-success: #2E6B34;
  --color-warning: #8A5A00;
  --color-warning-bg: #FBF3DC;
  --color-error: #B3261E;
  --color-todo-bg: #FDF0F6;
  --color-todo-border: #B0306F;
  --color-todo-text: #7D1D4D;
  --color-sheet-bg: #FFFFFF;
  --color-sheet-ink: #000000;
  color-scheme: light;
}