/* ============================================================
   MASTER CHIEF orbital kit : tokens
   Source de vérité visuelle : app/orbital.css de master-copilot
   (« L'idée devient action »). Ton sombre par défaut.
   Variables uniquement ici ; les styles de base sont dans base.css.
   Les noms --orb-* sont ceux de l'orbitale réelle. Les alias --mc-*
   de library/tokens.css pointent sur les mêmes valeurs.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Jost:wght@300;400;500;600&display=swap');

:root {
  color-scheme: dark;

  /* Couleurs : vide profond, lumière citron, cœur chrome */
  --orb-void:        #040405;
  --orb-ink:         #0a0a0c;
  --orb-panel:       rgba(16, 16, 18, 0.74);
  --orb-panel-solid: #101012;
  --orb-panel-nav:   rgba(10, 10, 12, 0.86);
  --orb-glass:       rgba(255, 255, 255, 0.03);
  --orb-glass-hover: rgba(255, 255, 255, 0.07);
  --orb-input:       rgba(255, 255, 255, 0.05);
  --orb-line:        rgba(255, 255, 255, 0.08);
  --orb-line-strong: rgba(255, 255, 255, 0.16);
  --orb-lemon:       #e4ff3c;
  --orb-lemon-soft:  #f1ff9a;
  --orb-lemon-dim:   rgba(228, 255, 60, 0.14);
  --orb-lemon-line:  rgba(228, 255, 60, 0.34);
  --orb-lemon-glow:  0 0 32px rgba(228, 255, 60, 0.32);
  --orb-chrome:      linear-gradient(135deg, #f7f7f9 0%, #a4a7ad 32%, #2b2c30 52%, #dcdee3 74%, #66696f 100%);
  --orb-text:        #f4f4ef;
  --orb-text-2:      #a3a39c;
  --orb-text-3:      #86867f;
  --orb-danger:      #ff6b5e;
  --orb-warn:        #ffc34d;
  --orb-ok:          #7dffb0;
  --orb-info:        #91c7ff;

  /* Halos de fond (le « ciel » sous le canvas) */
  --orb-halo-top:    rgba(228, 255, 60, 0.10);
  --orb-halo-low:    rgba(190, 200, 220, 0.07);
  --orb-halo-left:   rgba(228, 255, 60, 0.04);

  /* Typographie */
  --orb-font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --orb-font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;
  --orb-font-serif:   'Fraunces', Georgia, serif;
  --orb-font-mono:    'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
  --orb-text-xs:  0.6875rem;
  --orb-text-sm:  0.8125rem;
  --orb-text-md:  0.9375rem;
  --orb-text-lg:  1.125rem;
  --orb-text-xl:  clamp(1.75rem, 5vw, 3.25rem);
  --orb-tracking-display: -0.02em;
  --orb-tracking-label:   0.22em;

  /* Espacements */
  --orb-space-1: 0.25rem;
  --orb-space-2: 0.5rem;
  --orb-space-3: 0.75rem;
  --orb-space-4: 1rem;
  --orb-space-5: 1.25rem;
  --orb-space-6: 1.5rem;
  --orb-space-8: 2rem;
  --orb-space-10: 2.5rem;
  --orb-space-12: 3rem;
  --orb-gutter: clamp(16px, 4vw, 48px);
  --orb-content-max: 1400px;

  /* Rayons */
  --orb-radius-sm: 8px;
  --orb-radius-md: 11px;
  --orb-radius-lg: 18px;
  --orb-radius-xl: 22px;
  --orb-radius-pill: 999px;

  /* Ombres et halos */
  --orb-shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --orb-shadow-card:  0 20px 56px rgba(0, 0, 0, 0.36);
  --orb-shadow-orb:   0 0 14px rgba(228, 255, 60, 0.35), 0 6px 18px rgba(0, 0, 0, 0.6);
  --orb-glow-hover:   0 0 0 1px var(--orb-lemon), 0 0 36px rgba(228, 255, 60, 0.45);
  --orb-blur-panel:   blur(22px) saturate(140%);

  /* Couches (z-index) */
  --orb-z-cosmos: -1;
  --orb-z-content: 1;
  --orb-z-sticky: 5;
  --orb-z-nav: 9000;
  --orb-z-grain: 9998;

  /* Mouvement */
  --orb-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --orb-dur-fast: 160ms;
  --orb-dur-normal: 240ms;
  --orb-dur-slow: 420ms;
  --orb-dur-breathe: 6s;
  --orb-dur-orbit: 9s;
  --orb-grain-opacity: 0.05;
}

/* Réduction de mouvement : les durées tombent à presque zéro ;
   les modules JS lisent aussi la préférence (cosmos figé). */
@media (prefers-reduced-motion: reduce) {
  :root {
    --orb-dur-fast: 0.01ms;
    --orb-dur-normal: 0.01ms;
    --orb-dur-slow: 0.01ms;
    --orb-dur-breathe: 0.01ms;
    --orb-dur-orbit: 0.01ms;
  }
}