/**
 * Funnel — tokens locaux.
 *
 * Toutes les variables `--fnl-*` DÉRIVENT des tokens SWS (`--color-accent`, …) émis
 * par ThemeEngine::renderTokens() dans le <head>, APRÈS ces <link>. Elles ne doivent
 * jamais figer une valeur en dur : sinon l'édition des couleurs dans le Studio
 * n'aurait aucun effet visible.
 *
 * Le 2e argument de var() est le repli utilisé hors ThemeEngine (aperçu statique,
 * thème non booté) — il reprend la palette d'origine de la landing.
 */
:root {
  --fnl-ink:        var(--color-primary,        #1c2329);
  --fnl-ink-2:      var(--color-secondary,      #2b2d35);
  --fnl-orange:     var(--color-accent,         #faaf0b);
  --fnl-orange-2:   var(--color-tint-4,         #fbaf0b);
  --fnl-blue-1:     var(--color-tint-1,         #3da3c8);
  --fnl-blue-2:     var(--color-tint-2,         #1d8dba);
  --fnl-sim:        var(--color-tint-3,         #c3c3ca);
  --fnl-danger:     var(--color-tint-5,         #f0807f);

  --fnl-paper:      var(--color-surface-alt,    #f7f8fa);
  --fnl-surface:    var(--color-surface,        #ffffff);
  --fnl-line:       var(--color-border,         #e6e8ee);
  --fnl-text:       var(--color-text,           #2b2d35);
  --fnl-muted:      var(--color-text-muted,     #6b7280);
  --fnl-on-accent:  var(--color-on-accent,      #1c2329);

  --fnl-font:       var(--font-family-base,     'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
  --fnl-font-head:  var(--font-family-heading,  var(--fnl-font));
  --fnl-fw-head:    var(--font-weight-heading,  800);
  --fnl-lh:         var(--line-height-base,     1.6);

  --fnl-radius:     var(--button-radius,        0px);
  --fnl-maxw:       var(--container-max-width,  1100px);
  --fnl-pad:        var(--container-padding,    24px);
  --fnl-section:    var(--section-spacing,      78px);
  --fnl-logo:       var(--logo-size,            46px);

  --fnl-ease:       cubic-bezier(.22, .61, .36, 1);
  --fnl-shadow:     var(--shadow-md, 0 12px 28px -10px rgba(28, 35, 41, .28));
}