/*
 * Sailwright brand tokens, as CSS custom properties.
 * Consumed directly by the TYPO3 sitepackage stylesheet and imported by
 * the Astro/Starlight docs app so both apps render the same look.
 */
:root {
  --sw-color-background: #fafbfc;
  --sw-color-surface: #ffffff;
  --sw-color-text: #16202b;
  --sw-color-text-muted: #5b6b78;
  --sw-color-border: #e1e7ec;
  --sw-color-accent: #0e7c86;
  --sw-color-accent-text: #ffffff;
  --sw-color-accent-soft: #e4f2f2;

  --sw-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --sw-font-family-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --sw-space-xs: 0.5em;
  --sw-space-sm: 1em;
  --sw-space-md: 1.5em;
  --sw-space-lg: 2em;
  --sw-space-xl: 3em;

  --sw-content-max-width: 760px;
  --sw-radius: 10px;
  --sw-shadow-sm: 0 1px 2px rgba(22, 32, 43, 0.06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --sw-color-background: #0b1420;
    --sw-color-surface: #101c2a;
    --sw-color-text: #e7edf2;
    --sw-color-text-muted: #93a4b3;
    --sw-color-border: #223140;
    --sw-color-accent: #29b7ad;
    --sw-color-accent-text: #06211f;
    --sw-color-accent-soft: #10302d;
    --sw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
}