/* NMS website source snapshot, 26.09.2026.
   globals.css blob: 6d609a92e2080ea5547eaed8c2c7cc0457737a33
   Upstream controls take precedence. Sources: docs/BRAND.md.
   Color literals belong here only, never in a UI component. */
:root {
  color-scheme: light;
  --font-sans: "NMS Open Sans", "Open Sans", "Segoe UI", system-ui, sans-serif;
  --font-heading: "NMS Montserrat", "Montserrat", "NMS Open Sans", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --background: #ffffff;
  --foreground: #16202e;
  --card: #f4f7fa;
  --primary: #1a3b7a;
  --primary-foreground: #ffffff;
  --secondary: #1d7ca3;
  --accent: #63b4c9;
  --muted: #eef2f7;
  --muted-foreground: #55637a;
  --highlight: #d4ea52;
  --highlight-foreground: #0e2a55;
  --teal: #1a6d92;
  --acc2: #9ad8e8;
  --surface-light: #eef3f8;
  --surface-gray: #e4ebf4;
  --border: #dbe3ec;
  --ring: #5baec4;
  --titel: var(--primary);
  --titel-invers: #ffffff;
  --titel-staerke: 700;
  --titel-h1: clamp(1.75rem, 1.3rem + 2vw, 2.5rem);
  --titel-h2: clamp(1.35rem, 1.05rem + 1.4vw, 1.9rem);
  --titel-h3: clamp(1.15rem, .98rem + .9vw, 1.5rem);
  --titel-h4: clamp(1.05rem, .95rem + .5vw, 1.2rem);
  --kopf-oben: rgb(13 27 51 / .7);
  --kopf-gescrollt: rgb(8 15 28 / .9);
  --kopf-mobil: rgb(8 15 28 / .98);
  --kopf-flyout: rgb(10 18 32 / .95);
  --kopf-text: #cdd9ec;
  --kopf-text-leise: #9fb0c8;
  --kopf-knopf-rand: #b9cf3a;
  /* Studio layout/semantic extensions, not new NMS brand colors. */
  --studio-navy: #0d1b33;
  --studio-navy-deep: #080f1c;
  --studio-blue: #1a3b7a;
  --studio-teal: #1a6d92;
  --studio-card: var(--background);
  --studio-canvas-line: rgb(154 216 232 / .14);
  --studio-canvas-glow: rgb(99 180 201 / .17);
  --studio-focus: var(--teal);
  --studio-shadow: 0 8px 28px rgb(13 27 51 / .035);
  --studio-backdrop: rgb(8 15 28 / .7);
  --studio-danger: #a82c39;
  --studio-danger-bg: #fff0f1;
  --studio-warning: #735314;
  --studio-warning-bg: #fff6df;
  --studio-radius-card: 16px;
  --studio-radius-button: 9px;
  --studio-radius-input: 9px;
  --studio-sidebar-width: 224px;
  --studio-content-width: 76rem;
}
[data-theme="dark"] {
  color-scheme: dark;
  --background: #0d1726;
  --foreground: #eef3f8;
  --card: #14233c;
  --primary: #1e80a8;
  --secondary: #5baec4;
  --muted: #1a2b45;
  --muted-foreground: #9fb1c7;
  --accent: #5baec4;
  --teal: #63b4c9;
  --surface-light: #101f36;
  --surface-gray: #0d1a2f;
  --border: #24385a;
  --titel: var(--foreground);
  --studio-card: var(--card);
  --studio-danger: #f3a8ad;
  --studio-danger-bg: #371e29;
  --studio-warning: #edce8c;
  --studio-warning-bg: #302c20;
}