/* Secure Scrivener tokens — generated from the design system tokens.json. Light by default; dark follows the OS unless data-theme is set. */
@font-face { font-family: 'Source Serif 4'; src: url('../fonts/source-serif-4-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('../fonts/source-serif-4-latin-400-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Source Serif 4'; src: url('../fonts/source-serif-4-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans'; src: url('../fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --container-max: 1120px;
  --prose-max: 680px;
  --header-height: 68px;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}
:root, [data-theme="light"] {
  --paper: #faf8f3;
  --surface: #ffffff;
  --surface-sunk: #f2eee5;
  --line: #ddd6c8;
  --line-strong: #8a8374;
  --ink: #1b1f24;
  --ink-muted: #5c6670;
  --brand: #1f4e79;
  --brand-hover: #173d61;
  --on-brand: #ffffff;
  --brand-tint: #e6edf4;
  --brand-deep: #14304d;
  --on-brand-deep: #f3efe6;
  --on-brand-deep-muted: #b7c4d3;
  --logo-word: #14304d;
  --brass: #7f6026;
  --brass-tint: #f3ead6;
  --ready: #2c6a38;
  --ready-tint: #e3f1e6;
  --working: #855600;
  --working-tint: #fdf0d2;
  --danger: #a4262c;
  --danger-tint: #f8e1e2;
  --neutral-tint: #ebe8e1;
  --focus-ring: var(--brand);
  --shadow-sheet: 0 1px 2px rgba(20,48,77,0.06), 0 8px 24px rgba(20,48,77,0.08);
  --shadow-pop: 0 4px 16px rgba(20,48,77,0.12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #111519;
    --surface: #192027;
    --surface-sunk: #0c0f12;
    --line: #2c343d;
    --line-strong: #6f7a86;
    --ink: #ece8df;
    --ink-muted: #a3abb3;
    --brand: #8fb4dc;
    --brand-hover: #a9c6e6;
    --on-brand: #0f1d2c;
    --brand-tint: #1a2c3f;
    --brand-deep: #0d1f33;
    --on-brand-deep: #f3efe6;
    --on-brand-deep-muted: #9fb0c3;
    --logo-word: #f3efe6;
    --brass: #d1b27a;
    --brass-tint: #2e2616;
    --ready: #8fcf9b;
    --ready-tint: #1b2e20;
    --working: #e7b75a;
    --working-tint: #33280f;
    --danger: #f0959a;
    --danger-tint: #3a1b1d;
    --neutral-tint: #232a31;
    --focus-ring: var(--brand);
    --shadow-sheet: 0 1px 2px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.35);
    --shadow-pop: 0 4px 16px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --paper: #111519;
  --surface: #192027;
  --surface-sunk: #0c0f12;
  --line: #2c343d;
  --line-strong: #6f7a86;
  --ink: #ece8df;
  --ink-muted: #a3abb3;
  --brand: #8fb4dc;
  --brand-hover: #a9c6e6;
  --on-brand: #0f1d2c;
  --brand-tint: #1a2c3f;
  --brand-deep: #0d1f33;
  --on-brand-deep: #f3efe6;
  --on-brand-deep-muted: #9fb0c3;
  --logo-word: #f3efe6;
  --brass: #d1b27a;
  --brass-tint: #2e2616;
  --ready: #8fcf9b;
  --ready-tint: #1b2e20;
  --working: #e7b75a;
  --working-tint: #33280f;
  --danger: #f0959a;
  --danger-tint: #3a1b1d;
  --neutral-tint: #232a31;
  --focus-ring: var(--brand);
  --shadow-sheet: 0 1px 2px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.35);
  --shadow-pop: 0 4px 16px rgba(0,0,0,0.5);
  color-scheme: dark;
}