/* Medianoche — token overrides on the Nocturne base. Loaded after styles.css;
   only the roles the site actually uses are restated, on the same ramp logic:
   a deep navy ground, one periwinkle accent, the saturated band a step bluer. */
:root {
  --color-bg: #0f1728;
  --color-surface: #1b2438;
  --color-text: #e6ebf4;
  --color-divider: color-mix(in srgb, #e6ebf4 16%, transparent);

  --color-accent: #7ea6e8;
  --color-accent-100: #f2f7ff;
  --color-accent-200: #dbe7fb;
  --color-accent-300: #c7dbfb;
  --color-accent-400: #a6c4f2;
  --color-accent-500: #7ea6e8;
  --color-accent-600: #5d86c9;
  --color-accent-700: #43679f;
  --color-accent-800: #2c4670;
  --color-accent-900: #16233f;

  --color-accent-2: #8fb0ea;
  --color-accent-2-300: #c7dbfb;
  --color-accent-2-900: #16233f;

  --color-neutral-100: #f4f6fa;
  --color-neutral-200: #e2e7f0;
  --color-neutral-300: #c6cede;
  --color-neutral-400: #a3adc2;
  --color-neutral-500: #8b95ab;
  --color-neutral-600: #6b7690;
  --color-neutral-700: #4e5a70;
  --color-neutral-800: #354055;
  --color-neutral-900: #1f2839;

  --color-section: #16265c;
  --color-section-glow: #233a80;
  --color-section-ghost: #3d55a0;
}