/*
 * Standaardtokens voor gebruik buiten de app (galerij, andere projecten). In de app komen dezelfde waarden uit
 * @theme in styles.css en de brand editor; een eigen app overschrijft ze door deze variabelen opnieuw te zetten.
 */
:root {
  --font-sans: "Source Sans 3", system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;
  --color-bg: #ffffff; --color-primary: #0b5f8f; --color-link: #0c7a9c; --color-ink: #1d2730; --color-muted: #5d6a75;
  --color-line: #ccd5dc; --color-field-border: #aab6bf; --color-panel: #e9f2fb; --color-panel-border: #b7d1e8;
  --color-surface: #f4f8fc; --color-tan: #b5ad8a; --color-latest: #1189a8; --color-info: #1c7fc0; --color-highlight: #fff6c2;
  --color-tag-recept: #867558; --color-tag-voorschrift: #3cb44b; --color-tag-intake: #c77fd6;
  --color-error-bg: #fdecea; --color-error-line: #f1b5ae; --color-error-ink: #8a1f11;
  --color-ok-bg: #e8f6ec; --color-ok-line: #a9d8b6; --color-ok-ink: #1d5c32;
  --color-warn-bg: #fff4d6; --color-warn-line: #f0d48a; --color-warn-ink: #6b4b00;
  --radius-sm: 3px; --radius-md: 6px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #0f1720; --color-ink: #e6edf3; --color-muted: #9aa7b4; --color-line: #2a3744; --color-field-border: #3d4b59;
  --color-panel: #16222e; --color-panel-border: #27425a; --color-surface: #0a1017; --color-primary: #2b8fc9;
  --color-link: #4cb3d4; --color-tan: #8b845f; --color-info: #2f8fd0; --color-highlight: #4a4217;
  --color-error-bg: #3a1a17; --color-error-line: #7a3a33; --color-error-ink: #ffb4a8;
  --color-ok-bg: #15301f; --color-ok-line: #2f6b45; --color-ok-ink: #9fe0b5;
  --color-warn-bg: #3a2f10; --color-warn-line: #6b5a1f; --color-warn-ink: #f2d98a;
}