/* ==========================================================================
   CORNER — DESIGN TOKENS
   Dark space / premium productivity / futuristic human UI (refonte visuelle
   sur référence — voir roadmap.md, Phase "Espace"). Un seul point de
   contrôle : tout l'app consomme ces variables, jamais une couleur en dur,
   donc ce fichier est la seule chose qui a dû changer de fond en comble pour
   retourner l'identité visuelle de CORNER sans toucher au reste du code.
   Les noms historiques (--ink, --ember, --sage...) sont conservés pour ne
   rien casser ; leurs VALEURS changent. Les alias en bas (--bg, --surface-
   strong, --border, --text, --accent-soft, --accent-2, --radius, --shadow)
   sont les noms du design system demandés pour tout composant nouveau.
   ========================================================================== */
:root{
  /* ---- neutrals : noir profond spatial, surfaces vitrées ---- */
  --ink:        #05050B;   /* fond global le plus profond */
  --ink-soft:   #0B0B18;   /* second plan (sidebar, overlays) */
  --surface:    rgba(16,16,29,0.66);   /* cartes — verre, jamais opaque */
  --surface-2:  rgba(255,255,255,0.055); /* niveau au-dessus (inputs, hover) */
  --surface-3:  rgba(255,255,255,0.095);
  --surface-solid: #10101D; /* variante opaque, utilisée derrière le blur quand le fond doit rester lisible sans transparence (sidebar, tabbar) */
  --paper:      #F5F3FF;   /* texte principal — jamais blanc pur partout */
  --paper-dim:  rgba(245,243,255,0.74);
  --muted:      #9693A8;
  --faint:      #6E6B82;
  --line:       rgba(255,255,255,0.08);
  --line-strong:rgba(255,255,255,0.18);

  /* ---- accents (exactement deux, utilisés avec parcimonie) ---- */
  --ember:      #8B5CF6;   /* violet électrique — accent principal */
  --ember-2:    #A78BFA;   /* violet plus clair, pour les dégradés */
  --ember-dim:  rgba(139,92,246,0.18);
  --sage:       #38BDF8;   /* bleu spatial — accent secondaire, touches rares */
  --sage-dim:   rgba(56,189,248,0.14);
  --flame:      #F5A524;   /* série/streak uniquement — jamais un accent général */
  --accent:     var(--ember);

  /* ---- typographie : sans-serif large et propre, plus de serif éditorial ---- */
  --font-display:'Space Grotesk', 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-body:   'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-label:  'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono:   'IBM Plex Mono', 'SF Mono', Consolas, monospace;

  /* ---- spacing scale ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:56px; --sp-10:72px;

  /* ---- radius ---- */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;

  /* ---- profondeur ---- */
  --shadow: 0 24px 60px -28px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.02);
  --shadow-lift: 0 30px 70px -24px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.03);
  --glow-accent: 0 0 42px -6px rgba(139,92,246,0.55);
  --glass-blur: blur(22px);

  /* ---- motion ---- */
  --ease: cubic-bezier(.16,.84,.44,1);
  --ease-in: cubic-bezier(.6,0,.9,.2);
  --dur-fast: 140ms;
  --dur-base: 320ms;
  --dur-slow: 620ms;

  /* ---- safe areas ---- */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);

  /* ---- alias "design system" (§16 brief) — pour tout composant neuf ---- */
  --bg: var(--ink);
  --surface-strong: rgba(16,16,29,0.88);
  --border: var(--line);
  --text: var(--paper);
  --accent-soft: var(--ember-dim);
  --accent-2: var(--sage);
  --radius: var(--r-lg);
  --shadow-token: var(--shadow);

  /* ---- largeur du shell desktop (sidebar) ---- */
  --sidebar-w: 232px;
  --desktop-bp: 960px;

  color-scheme: dark;
}

/* Réduction des animations : neutralise durées/transform sans casser le layout */
.reduce-motion *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast:0.001ms; --dur-base:0.001ms; --dur-slow:0.001ms; }
}