/*
  SEYVO TOKENS — Redesign "Midnight Amber"
  Palette complètement refaite : bleu nuit profond + ambre doré + accents électriques.
  Remplace la palette jade/vert/crème par une identité premium sombre + moments de chaleur.

  Règle importante (nouveau système) :
  - Indigo/bleu nuit = action principale, actif, confiance.
  - Ambre = accents visuels / hero / emphase éditoriale.
  - Cyan = information / données / présence.
  - Violet = automatisation / intelligence / modules secondaires.
  - Corail = attention / conversion / CTA secondaires.
  - Rouge = danger / erreurs.
*/

:root {
  color-scheme: light;

  /* Brand / primary — INDIGO ÉLECTRIQUE (remplace jade) */
  --seyvo-primary-50:  #EEF0FF;
  --seyvo-primary-100: #DCDEFF;
  --seyvo-primary-200: #BAC0FF;
  --seyvo-primary-300: #8B97FF;
  --seyvo-primary-400: #5C6EFF;
  --seyvo-primary-500: #3A52F5;
  --seyvo-primary-600: #2136D4;
  --seyvo-primary-700: #1428A8;
  --seyvo-primary-rgb: 58, 82, 245;

  /* Neutral — TEINTE BLEUE FROIDE (remplace les neutres verts) */
  --seyvo-ink:    #07091A;
  --seyvo-text:   #18204A;
  --seyvo-muted:  #5B6690;
  --seyvo-muted-2:#7882A4;
  --seyvo-soft:   #F0F2FA;
  --seyvo-soft-2: #E8EBF7;
  --seyvo-cream:  #F6F7FD;
  --seyvo-white:  #FFFFFF;
  --seyvo-black:  #000000;
  --seyvo-border: rgba(7,9,26,.09);
  --seyvo-border-strong: rgba(7,9,26,.15);

  /* AMBRE — accent principal warm (remplace warm orange) */
  --seyvo-accent-warm:       #F59E0B;
  --seyvo-accent-warm-light: #FBBf47;
  --seyvo-accent-warm-dark:  #D97706;
  --seyvo-accent-warm-rgb:   245,158,11;
  --seyvo-accent-warm-soft:  rgba(245,158,11,.13);
  --seyvo-warm-soft:         #FFFBEB;
  --seyvo-warm-surface:      #FEFCE8;

  /* CYAN ÉLECTRIQUE — information (remplace sky bleu) */
  --seyvo-accent-sky:      #06B6D4;
  --seyvo-accent-sky-dark: #0891B2;
  --seyvo-accent-sky-rgb:  6,182,212;
  --seyvo-accent-sky-soft: rgba(6,182,212,.12);

  /* VIOLET — automatisation */
  --seyvo-accent-violet:      #7C3AED;
  --seyvo-accent-violet-dark: #6D28D9;
  --seyvo-accent-violet-rgb:  124,58,237;
  --seyvo-accent-violet-soft: rgba(124,58,237,.12);

  /* OR RICHE — valeur / marketing (remplace gold/amber) */
  --seyvo-accent-gold:      #EAB308;
  --seyvo-accent-gold-dark: #CA8A04;
  --seyvo-accent-gold-rgb:  234,179,8;
  --seyvo-accent-gold-soft: rgba(234,179,8,.14);

  /* Status */
  --seyvo-success:      var(--seyvo-primary-500);
  --seyvo-success-rgb:  var(--seyvo-primary-rgb);
  --seyvo-success-soft: rgba(58,82,245,.10);
  --seyvo-info:         var(--seyvo-accent-sky);
  --seyvo-info-soft:    var(--seyvo-accent-sky-soft);
  --seyvo-warning:      var(--seyvo-accent-gold);
  --seyvo-warning-soft: var(--seyvo-accent-gold-soft);
  --seyvo-danger:       #EF4444;
  --seyvo-danger-rgb:   239,68,68;
  --seyvo-danger-soft:  rgba(239,68,68,.10);
  --seyvo-purple:       var(--seyvo-accent-violet);
  --seyvo-purple-soft:  var(--seyvo-accent-violet-soft);
  --seyvo-gold:         var(--seyvo-accent-gold);
  --seyvo-gold-soft:    var(--seyvo-accent-gold-soft);

  /* Typography */
  --seyvo-font: "DM Sans", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --seyvo-letter-tight: -.04em;

  /* Radius */
  --seyvo-radius-xs: 10px;
  --seyvo-radius-sm: 14px;
  --seyvo-radius-md: 18px;
  --seyvo-radius-lg: 24px;
  --seyvo-radius-xl: 32px;
  --seyvo-radius-pill: 999px;

  /* Shadows — plus profondes, teintées bleu nuit */
  --seyvo-shadow-xs:   0 6px 18px rgba(7,9,26,.07);
  --seyvo-shadow-soft: 0 14px 38px rgba(7,9,26,.09);
  --seyvo-shadow-card: 0 24px 70px rgba(7,9,26,.12);
  --seyvo-shadow-menu: 0 24px 70px rgba(7,9,26,.22);

  /* Layout */
  --seyvo-container-max:      1480px;
  --seyvo-shell-topbar-height:64px;
  --seyvo-app-topbar-z:       1500;
  --seyvo-dropdown-z:         1900;
  --seyvo-modal-z:            2000;
  --seyvo-backdrop-z:         1990;

  /* sv-* aliases */
  --sv-font-sans: var(--seyvo-font);
  --sv-jade:  var(--seyvo-primary-500);
  --sv-jade-d:var(--seyvo-primary-600);
  --sv-jade-l:rgba(58,82,245,.10);
  --sv-primary:       var(--seyvo-primary-500);
  --sv-primary-hover: var(--seyvo-primary-600);
  --sv-primary-dark:  var(--seyvo-primary-600);
  --sv-primary-soft:  rgba(58,82,245,.10);
  --sv-ink:     var(--seyvo-ink);
  --sv-text:    var(--seyvo-text);
  --sv-muted:   var(--seyvo-muted);
  --sv-bg:      var(--seyvo-soft);
  --sv-surface: var(--seyvo-white);
  --sv-card:    var(--seyvo-white);
  --sv-border:  var(--seyvo-border);
  --sv-shadow-sm: var(--seyvo-shadow-xs);
  --sv-shadow:    var(--seyvo-shadow-soft);
  --sv-shadow-md: var(--seyvo-shadow-soft);
  --sv-shadow-lg: var(--seyvo-shadow-card);
  --sv-radius:    var(--seyvo-radius-sm);
  --sv-radius-sm: var(--seyvo-radius-xs);
  --sv-radius-md: var(--seyvo-radius-sm);
  --sv-radius-lg: var(--seyvo-radius-md);
  --sv-radius-xl: var(--seyvo-radius-lg);

  --sv-accent-warm:         var(--seyvo-accent-warm);
  --sv-accent-warm-soft:    var(--seyvo-accent-warm-soft);
  --sv-accent-sky:          var(--seyvo-accent-sky);
  --sv-accent-sky-soft:     var(--seyvo-accent-sky-soft);
  --sv-accent-violet:       var(--seyvo-accent-violet);
  --sv-accent-violet-soft:  var(--seyvo-accent-violet-soft);
  --sv-accent-gold:         var(--seyvo-accent-gold);
  --sv-accent-gold-soft:    var(--seyvo-accent-gold-soft);

  --sv-white:    var(--seyvo-white);
  --sv-black:    var(--seyvo-black);
  --sv-gray-100: #F6F7FD;
  --sv-gray-200: rgba(7,9,26,.07);
  --sv-gray-300: rgba(7,9,26,.12);
  --sv-gray-400: rgba(7,9,26,.20);
  --sv-gray-600: var(--seyvo-muted);
  --sv-gray-700: #3D4A72;
  --sv-gray-800: #212A52;
  --sv-gray-900: var(--seyvo-ink);
  --sv-gold:     var(--seyvo-accent-gold);
  --sv-violet:   var(--seyvo-accent-violet);
  --sv-sky:      var(--seyvo-accent-sky);
  --sv-teal:     var(--seyvo-accent-sky);

  /* Shell aliases */
  --seyvo-shell-bg:           var(--seyvo-soft);
  --seyvo-shell-surface:      rgba(255,255,255,.92);
  --seyvo-shell-surface-solid:var(--seyvo-white);
  --seyvo-shell-border:       var(--seyvo-border);
  --seyvo-shell-text:         var(--seyvo-ink);
  --seyvo-shell-muted:        var(--seyvo-muted);
  --seyvo-shell-primary:      var(--seyvo-primary-500);
  --seyvo-shell-primary-soft: rgba(58,82,245,.10);
  --seyvo-shell-shadow:       var(--seyvo-shadow-soft);
  --seyvo-shell-radius:       var(--seyvo-radius-md);
  --seyvo-shell-radius-sm:    var(--seyvo-radius-sm);

  /* Topbar SOMBRE — bleu nuit / ambre comme accent actif */
  --sv-topbar-bg:           #070B1E;
  --sv-topbar-pill-bg:      rgba(255,255,255,.06);
  --sv-topbar-pill-border:  rgba(255,255,255,.10);
  --sv-topbar-link:         rgba(255,255,255,.52);
  --sv-topbar-link-hover:   rgba(255,255,255,.92);
  --sv-topbar-active-bg:    rgba(58,82,245,.18);
  --sv-topbar-active:       rgba(255,255,255,.96);

  /* z-index aliases */
  --z-topbar:   var(--seyvo-app-topbar-z);
  --z-subnav:   1490;
  --z-dropdown: var(--seyvo-dropdown-z);
  --z-modal:    var(--seyvo-modal-z);
  --z-toast:    2100;

  /* ── Alias manquants (compatibilité) ── */
  --seyvo-primary-soft: rgba(var(--seyvo-primary-rgb), .10);
  --seyvo-red-soft:     rgba(239,68,68,.10);
  --sv-primary-light:   rgba(var(--seyvo-primary-rgb), .08);
  --sv-primary-600:     var(--seyvo-primary-600);

  /* Legacy gray-* */
  --gray-100: #F6F7FD;
  --gray-200: rgba(7,9,26,.07);
  --gray-300: rgba(7,9,26,.12);
  --gray-400: rgba(7,9,26,.20);
  --gray-500: #8892BA;
  --gray-600: var(--seyvo-muted);
  --gray-700: #3D4A72;
  --gray-800: #212A52;
  --gray-900: var(--seyvo-ink);

  /* ── Fallbacks pour variables dynamiques ── */
  --circuit-accent:    var(--seyvo-accent-violet);
  --dot:               var(--seyvo-border);
  --dot-bg:            var(--seyvo-soft);
  --integration-color: var(--seyvo-accent-sky);
  --pcr-color:         var(--seyvo-primary-500);
  --provider-color:    var(--seyvo-accent-sky);
  --sd-soft:           var(--seyvo-success-soft);

  /* ── Tokens shell dédiés ── */
  --shell-bg-dark:      var(--sv-topbar-bg);
  --shell-link-muted:   var(--sv-topbar-link);
  --shell-link-active:  var(--sv-topbar-active);
  --shell-accent:       var(--seyvo-primary-500);
  --shell-action-bg:    var(--sv-topbar-active-bg);
  --shell-action-hover: rgba(58,82,245,.32);
}