/* Notfall marketing tokens — couleurs logo (#0B1C33, #123457, #6EA6FF, #EAF2FF) */
:root,
html[data-nf-theme="light"] {
  color-scheme: light;

  --nf-brand: #0b1c33;
  --nf-navy: #0b1c33;
  --nf-navy-2: #123457;
  --nf-navy-3: #123457;
  --nf-blue: #6ea6ff;
  --nf-blue-hover: #5a94ef;
  --nf-blue-soft: #eaf2ff;
  --nf-blue-line: rgba(110, 166, 255, 0.35);

  /* Alias legacy (anciennement or) → accent logo */
  --nf-gold: var(--nf-blue);
  --nf-gold-hover: var(--nf-blue-hover);
  --nf-gold-soft: var(--nf-blue-soft);
  --nf-gold-line: var(--nf-blue-line);
  --nf-amber: var(--nf-blue);

  --nf-bg: #ffffff;
  --nf-bg-2: #f4f7fb;
  --nf-bg-3: #e8eef8;
  --nf-surface: #ffffff;
  --nf-ink: rgba(12, 24, 48, 0.94);
  --nf-ink-2: rgba(12, 24, 48, 0.8);
  --nf-ink-3: rgba(12, 24, 48, 0.62);
  --nf-heading: #0b1c33;
  --nf-border: rgba(12, 24, 48, 0.1);
  --nf-border-2: rgba(12, 24, 48, 0.16);
  --nf-white: #ffffff;
  --nf-success: #1f8a5b;
  --nf-header-bg: rgba(255, 255, 255, 0.92);
  --nf-header-shadow: 0 8px 24px rgba(11, 28, 51, 0.04);
  --nf-footer-bg: #0b1c33;
  --nf-icon: #0b1c33;
  --nf-hero-veil-1: #ffffff;
  --nf-hero-veil-2: #ffffff;
  --nf-hero-veil-3: #ffffff;
  --nf-page-hero-glow: transparent;
  --nf-page-hero-top: #f4f7fb;
  --nf-page-hero-bot: #f4f7fb;

  --nf-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --nf-r: 10px;
  --nf-r-lg: 16px;
  --nf-r-xl: 24px;
  --nf-shadow: 0 12px 32px rgba(11, 28, 51, 0.08);
  --nf-shadow-sm: 0 6px 16px rgba(11, 28, 51, 0.06);
  --nf-container: 1180px;
  --nf-header-h: 108px;
  --nf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --nf-dur: 0.4s;
  --nf-r: 6px;
  --nf-r-lg: 10px;
  --nf-r-xl: 14px;
}

html[data-nf-theme="dark"] {
  color-scheme: dark;

  --nf-brand: #0b1c33;
  --nf-navy: #eaf2ff;
  --nf-navy-2: #123457;
  --nf-navy-3: #123457;
  --nf-blue: #6ea6ff;
  --nf-blue-hover: #8ab8ff;
  --nf-blue-soft: rgba(110, 166, 255, 0.16);
  --nf-blue-line: rgba(110, 166, 255, 0.4);

  --nf-gold: var(--nf-blue);
  --nf-gold-hover: var(--nf-blue-hover);
  --nf-gold-soft: var(--nf-blue-soft);
  --nf-gold-line: var(--nf-blue-line);
  --nf-amber: var(--nf-blue);

  --nf-bg: #0b1c33;
  --nf-bg-2: #123457;
  --nf-bg-3: #183552;
  --nf-surface: rgba(255, 255, 255, 0.08);
  --nf-ink: rgba(255, 255, 255, 0.96);
  --nf-ink-2: rgba(234, 242, 255, 0.88);
  --nf-ink-3: rgba(214, 228, 248, 0.72);
  --nf-heading: #ffffff;
  --nf-border: rgba(204, 225, 255, 0.16);
  --nf-border-2: rgba(204, 225, 255, 0.24);
  --nf-white: #ffffff;
  --nf-success: #8de9c6;
  --nf-header-bg: rgba(11, 28, 51, 0.94);
  --nf-header-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  --nf-footer-bg: #071526;
  --nf-icon: #eaf2ff;
  --nf-hero-veil-1: #0b1c33;
  --nf-hero-veil-2: #0b1c33;
  --nf-hero-veil-3: #0b1c33;
  --nf-page-hero-glow: transparent;
  --nf-page-hero-top: #0b1c33;
  --nf-page-hero-bot: #0b1c33;

  --nf-shadow: 0 16px 40px rgba(8, 24, 48, 0.32);
  --nf-shadow-sm: 0 8px 20px rgba(8, 24, 48, 0.24);
}