/* Altaero light theme — overrides Nocturne tokens (link after the DS stylesheet). Remove the link to return to Nocturne dark. */
:root {
  --color-bg: #ffffff;
  --color-surface: #f5f6f8;
  --color-text: #15171c;
  --color-accent: #1f63b4;
  --color-divider: rgba(21, 23, 28, 0.12);
  --color-neutral-100: #15171c; --color-neutral-200: #3a3e48; --color-neutral-300: #565b67; --color-neutral-400: #6b707c;
  --color-neutral-500: #9aa0ab; --color-neutral-600: #bcc1ca; --color-neutral-700: #d9dce2; --color-neutral-800: #eceef1; --color-neutral-900: #f6f7f9;
  --color-accent-100: #0b2447; --color-accent-200: #113463; --color-accent-300: #17468a; --color-accent-400: #1a55a0; --color-accent-500: #1f63b4;
  --color-accent-600: #2b8fd6; --color-accent-700: #8fc0ea; --color-accent-800: #d3e6f7; --color-accent-900: #eef5fc;
  --color-section: #f3f4f6; --color-section-glow: #eef5fc; --color-section-ghost: #e6e8ec;
  --font-heading: "Outfit", system-ui, sans-serif; --font-heading-weight: 700;
  --font-body: "DM Sans", system-ui, sans-serif;
  --radius-sm: 4px; --radius-md: 4px; --radius-lg: 4px;
  --shadow-sm: 0 0 0 1px rgba(21,23,28,0.06), 0 8px 24px rgba(21,23,28,0.06);
  --shadow-md: 0 0 0 1px rgba(21,23,28,0.08), 0 18px 40px rgba(21,23,28,0.12);
  --shadow-lg: 0 0 0 1px rgba(21,23,28,0.08), 0 28px 60px rgba(21,23,28,0.16);
}
body { font-family: var(--font-body); background: var(--color-bg); color: var(--color-text); }
h1, h2, h3, h4 { font-family: var(--font-heading); letter-spacing: -0.02em; }
.lighten { mix-blend-mode: normal; }
.btn { border-radius: 999px; font-weight: 600; }
.btn-primary { background: var(--color-accent); border-color: var(--color-accent); color: #ffffff !important; }
.btn-primary:hover { background: var(--color-accent-400); border-color: var(--color-accent-400); }
.btn-primary:active { background: var(--color-accent-300); }
.btn-secondary { border-color: var(--color-accent); color: var(--color-accent) !important; }
.btn-secondary:hover { background: var(--color-accent-900); }
.input { background: #ffffff; }
image-slot { --slot-bg: var(--color-surface); }
footer {
  --color-text: #eef0f3; --color-neutral-200: #c9ccd4; --color-neutral-300: #a9adb8; --color-neutral-400: #8d919c;
  --color-divider: rgba(255,255,255,0.16); --color-accent: #8fc0ea;
  background: var(--color-accent-100) !important; color: var(--color-text) !important;
}
footer a:hover { color: #ffffff !important; }