/* The neutral default look. Every visual value is a variable defined here;
   a brand theme (branding.theme_file) redefines the variables and touches
   nothing else. Package theme reads this file with its own small parser:
   the two blocks below and nothing more, colors as #rgb or #rrggbb. */
:root {
  color-scheme: light dark;

  --color-bg: #f6f7f9;
  --color-surface: #ffffff;
  --color-border: #d5d9e0;
  --color-text: #1c2430;
  --color-muted: #5b6676;
  --color-link: #1f5fbf;
  --color-primary: #1f5fbf;
  --color-on-primary: #ffffff;
  --color-success: #1d7a46;
  --color-warning: #9a5b00;
  --color-danger: #b3261e;
  --color-info: #1f5fbf;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-base: 16px;

  --radius: 6px;
  --space: 8px;
  --logo-height: 28px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #12161c;
    --color-surface: #1b212a;
    --color-border: #343d4a;
    --color-text: #e6e9ee;
    --color-muted: #a3adbb;
    --color-link: #8ab4f8;
    --color-primary: #8ab4f8;
    --color-on-primary: #10151c;
    --color-success: #6fcf97;
    --color-warning: #f2c26b;
    --color-danger: #f28b82;
    --color-info: #8ab4f8;
  }
}