/* NovaMX design tokens derived from Brand Book section 5 */
:root {
  color-scheme: light dark;

  /* Primary palette */
  --novamx-nova-blue: #0A1A2F;
  --novamx-midnight-navy: #08121F;
  --novamx-arctic-white: #F5F7FA;

  /* Secondary palette */
  --novamx-eu-gold: #C9A86A;
  --novamx-steel-grey: #2E3A45;

  /* Semantic aliases */
  --novamx-bg: var(--novamx-arctic-white);
  --novamx-surface: #FFFFFF;
  --novamx-surface-alt: #EEF2F6;
  --novamx-text: var(--novamx-nova-blue);
  --novamx-text-muted: var(--novamx-steel-grey);
  --novamx-border: #D7DEE6;
  --novamx-accent: var(--novamx-eu-gold);

  /* Typography */
  --novamx-font-sans: "Inter", "Segoe UI", sans-serif;
  --novamx-font-serif: "Source Serif Pro", "Georgia", serif;

  --novamx-font-size-100: 0.875rem;
  --novamx-font-size-200: 1rem;
  --novamx-font-size-300: 1.125rem;
  --novamx-font-size-400: 1.375rem;
  --novamx-font-size-500: 1.875rem;
  --novamx-font-size-600: 2.5rem;

  --novamx-line-height-tight: 1.2;
  --novamx-line-height-normal: 1.5;
  --novamx-line-height-relaxed: 1.7;

  --novamx-font-weight-regular: 400;
  --novamx-font-weight-semibold: 600;
  --novamx-font-weight-bold: 700;

  /* Layout and rhythm */
  --novamx-space-1: 0.25rem;
  --novamx-space-2: 0.5rem;
  --novamx-space-3: 0.75rem;
  --novamx-space-4: 1rem;
  --novamx-space-5: 1.5rem;
  --novamx-space-6: 2rem;
  --novamx-space-7: 3rem;

  --novamx-radius-sm: 0.375rem;
  --novamx-radius-md: 0.625rem;
  --novamx-radius-lg: 0.875rem;

  --novamx-max-content-width: 72rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --novamx-bg: var(--novamx-midnight-navy);
    --novamx-surface: #0C1A2B;
    --novamx-surface-alt: #12263C;
    --novamx-text: #EAF0F6;
    --novamx-text-muted: #B9C6D4;
    --novamx-border: #223A52;
  }
}