/* Theme: Noir Signal — dark, high-contrast, editorial/tech.
   Same variable names as theme-mediterranean.css, swap the
   <link> in BaseLayout to switch a whole site's look. */

:root {
  --color-primary: #c8ff4d;
  --color-primary-soft: #a3d93f;
  --color-accent: #ff4d6d;
  --color-accent-deep: #d93656;
  --color-accent-2: #4de1ff;
  --color-accent-2-soft: #1f3a40;
  --color-bg: #121116;
  --color-bg-alt: #1b1a20;
  --color-surface: #1c1b22;
  --color-text: #f5f3ee;
  --color-text-soft: #a6a3ae;

  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --radius-lg: 4px;
  --radius-md: 3px;
  --radius-sm: 2px;
  --container: 1180px;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-body); color: var(--color-text); background: var(--color-bg); }
h1, h2, h3 { font-family: var(--font-display); color: var(--color-primary); margin: 0; text-transform: uppercase; letter-spacing: -0.01em; }
p { color: var(--color-text-soft); line-height: 1.6; margin: 0; }
.container { max-width: var(--container); margin: 0 auto; padding: 0 32px; }