/* NAS Easy — design tokens v6 "Conseiller premium" */

:root,
:root[data-theme="light"] {
  --ne-bg:          #F6F8FB;
  --ne-surface:     #FFFFFF;
  --ne-surface-2:   #EEF2F8;
  --ne-ink:         #0B1220;
  --ne-ink-2:       #475467;
  --ne-ink-3:       #94A3B8;
  --ne-line:        rgba(15, 37, 68, 0.10);
  --ne-line-2:      rgba(15, 37, 68, 0.05);

  --ne-navy:        #0F2544;
  --ne-action:      #2563EB;
  --ne-cyan:        #22D3EE;
  --ne-cyan-soft:   #E0F7FB;

  --ne-good:        #16A34A;
  --ne-good-soft:   #E7F6EC;
  --ne-warn:        #B45309;
  --ne-warn-soft:   #FBF1E0;
  --ne-bad:         #B42318;
  --ne-bad-soft:    #FCEBE8;

  --ne-r-sm:    6px;   --ne-r-md:   10px;  --ne-r-lg:  14px;
  --ne-r-xl:    18px;  --ne-r-2xl:  22px;  --ne-r-pill:999px;

  --ne-shadow-card:   0 18px 40px -12px rgba(15,37,68,.18);
  --ne-shadow-subtle: 0 12px 28px -10px rgba(15,37,68,.18);
  --ne-shadow-hero:   0 36px 80px -24px rgba(15,37,68,.50);
  --ne-shadow-button: 0 1px 0 rgba(15,37,68,.08), 0 8px 24px -8px rgba(37,99,235,.45);

  --ne-ease:     cubic-bezier(.2,.7,.3,1);
  --ne-t-fast:   120ms ease;
  --ne-t-base:   150ms ease;
  --ne-t-slow:   250ms ease;
  --ne-t-reveal: 550ms var(--ne-ease);

  --ne-s-1:4px; --ne-s-2:8px;  --ne-s-3:12px; --ne-s-4:16px;
  --ne-s-5:20px;--ne-s-6:24px; --ne-s-7:32px; --ne-s-8:40px;
  --ne-s-9:48px;--ne-s-10:56px;--ne-s-11:64px;--ne-s-12:80px;

  --ne-wrap-max:  1280px;
  --ne-wrap-pad:  40px;
  --ne-header-h:  68px;

  --ne-font-sans: "Geist", "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
  --ne-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;

  --ne-fs-display: clamp(44px,5.4vw,72px); --ne-lh-display:1.02;
  --ne-fs-h1:      clamp(36px,4.4vw,56px); --ne-lh-h1:     1.04;
  --ne-fs-h2:      clamp(28px,3.2vw,38px); --ne-lh-h2:     1.08;
  --ne-fs-h3:      22px;                   --ne-lh-h3:     1.25;
  --ne-fs-h4:      17px;                   --ne-lh-h4:     1.30;
  --ne-fs-body:    17px;                   --ne-lh-body:   1.60;
  --ne-fs-body-sm: 15px;                   --ne-lh-body-sm:1.55;
  --ne-fs-small:   13px;                   --ne-lh-small:  1.50;
  --ne-fs-caption: 11px;                   --ne-lh-caption:1.40;
  --ne-fs-stat-xl: 80px;
  --ne-fs-stat-lg: 44px;
  --ne-fs-stat-md: 28px;

  /* ── Alias backward compat ── */
  --ne-accent:          var(--ne-action);
  --ne-accent-soft:     var(--ne-cyan-soft);
  --ne-accent-strong:   #1D4FCC;
  --ne-text:            var(--ne-ink);
  --ne-text-muted:      var(--ne-ink-2);
  --ne-text-soft:       var(--ne-ink-3);
  --ne-border:          var(--ne-line);
  --ne-surface-soft:    var(--ne-surface-2);
  --ne-success:         var(--ne-good);
  --ne-success-bg:      var(--ne-good-soft);
  --ne-success-bg-strong:#bbf7d0;
  --ne-success-border:  var(--ne-good);
  --ne-success-text:    var(--ne-good);
  --ne-warning:         var(--ne-warn);
  --ne-warning-bg:      var(--ne-warn-soft);
  --ne-warning-bg-strong:#fde68a;
  --ne-warning-border:  var(--ne-warn);
  --ne-warning-text:    var(--ne-warn);
  --ne-danger:          var(--ne-bad);
  --ne-danger-bg:       var(--ne-bad-soft);
  --ne-danger-bg-strong:#fecaca;
  --ne-danger-border:   var(--ne-bad);
  --ne-danger-text:     var(--ne-bad);
}

:root[data-theme="dark"] {
  --ne-bg:        #07111F;
  --ne-surface:   #0F1B2D;
  --ne-surface-2: #152439;
  --ne-ink:       #E5E7EB;
  --ne-ink-2:     #94A3B8;
  --ne-ink-3:     #64748B;
  --ne-line:      rgba(148,163,184,.18);
  --ne-line-2:    rgba(148,163,184,.08);

  --ne-navy:      #0F2544;
  --ne-action:    #38BDF8;
  --ne-cyan:      #22D3EE;
  --ne-cyan-soft: rgba(34,211,238,.12);

  --ne-good:      #22C55E;
  --ne-good-soft: rgba(34,197,94,.12);
  --ne-warn:      #F59E0B;
  --ne-warn-soft: rgba(245,158,11,.12);
  --ne-bad:       #F87171;
  --ne-bad-soft:  rgba(248,113,113,.12);

  --ne-shadow-card:   0 18px 40px -12px rgba(0,0,0,.55);
  --ne-shadow-subtle: 0 12px 28px -10px rgba(0,0,0,.45);
  --ne-shadow-hero:   0 36px 80px -24px rgba(0,0,0,.70);
  --ne-shadow-button: 0 1px 0 rgba(0,0,0,.40), 0 8px 24px -8px rgba(56,189,248,.35);

  --ne-accent:       var(--ne-action);
  --ne-accent-soft:  var(--ne-cyan-soft);
  --ne-text:         var(--ne-ink);
  --ne-text-muted:   var(--ne-ink-2);
  --ne-text-soft:    var(--ne-ink-3);
  --ne-border:       var(--ne-line);
  --ne-surface-soft: var(--ne-surface-2);
  --ne-success:      var(--ne-good);
  --ne-success-bg:   var(--ne-good-soft);
  --ne-warning:      var(--ne-warn);
  --ne-warning-bg:   var(--ne-warn-soft);
  --ne-danger:       var(--ne-bad);
  --ne-danger-bg:    var(--ne-bad-soft);
}