/* NSHAS brand tokens — overrides Nocturne's palette with the brand kit.
   Load AFTER the design-system styles.css. Tokens only, no classes. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600&display=swap');
:root {
  --color-bg: #0b0d12;
  --color-surface: #14171f;
  --color-text: #F7F7F5;
  --color-accent: #F5A623;
  --color-accent-2: #2BB8D6;
  --color-divider: color-mix(in srgb, #F5A623 22%, transparent);

  --color-accent-100: #fdf3e0;
  --color-accent-200: #fbe4b8;
  --color-accent-300: #f8d189;
  --color-accent-400: #f6ba55;
  --color-accent-500: #F5A623;
  --color-accent-600: #c98718;
  --color-accent-700: #9a6812;
  --color-accent-800: #6d4a0e;
  --color-accent-900: #3d2c0c;

  --color-accent-2-100: #e6f7fb;
  --color-accent-2-200: #c3ecf4;
  --color-accent-2-300: #93dcec;
  --color-accent-2-400: #5ccae1;
  --color-accent-2-500: #2BB8D6;
  --color-accent-2-600: #2295ae;
  --color-accent-2-700: #1a7386;
  --color-accent-2-800: #135260;
  --color-accent-2-900: #0e3a45;

  /* Section ground = brand navy (deep sections, trust band) */
  --color-section: #0F2440;
  --color-section-glow: #1b3a63;
  --color-section-ghost: #35598a;

  --font-heading: "Montserrat", system-ui, sans-serif;
  --font-heading-weight: 600;
  --font-body: "Open Sans", system-ui, sans-serif;
}
a { color: var(--color-accent-2); }
a:hover { color: var(--color-accent-2-300); }