/* src/frontend/styles/core/variables.css */
/* ======================================= */
/* Fondations Visuelles ÉMERGENCE V8.3     */
/* Palette "Aura" & Style Glassmorphism    */
/* ======================================= */

:root {
  /* === PALETTE "AURA" - DARK THEME === */
  --color-bg-gradient: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  --color-bg: #090a0f;

  --color-primary: #00aaff;
  --color-primary-hover: #33bbff;
  --color-primary-focus-ring: rgba(0, 170, 255, 0.4);

  /* Agents (Anima rouge-rose, Neo bleu, Nexus émeraude) */
  --color-anima: #e11d48;             /* rose/rouge */
  --color-neo:   #2563eb;             /* bleu */
  --color-nexus: #10b981;             /* ✅ émeraude */
  --color-user:  #8b5cf6;             /* violet */

  --color-anima-bg: rgba(225, 29, 72, 0.12);
  --color-neo-bg:   rgba(37, 99, 235, 0.12);
  --color-nexus-bg: rgba(16, 185, 129, 0.12); /* ✅ émeraude */
  --color-user-bg:  rgba(139, 92, 246, 0.16);

  /* Bulles chat */
  --color-accent-anima: var(--color-anima-bg);
  --color-accent-neo:   var(--color-neo-bg);
  --color-accent-nexus: var(--color-nexus-bg);
  --color-accent-user:  var(--color-user-bg);
  --color-text-on-accent: #f8fafc;

  /* Texte */
  --color-text-primary: #f8fafc;
  --color-text-secondary: #a1a1aa;
  --color-text-muted: #52525b;

  /* États */
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-error:   #ef4444;
  --color-info:    var(--color-primary);

  /* === GLASSMORPHISM V2 === */
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-blur: 16px;
  --glass-border-color: rgba(255, 255, 255, 0.12);
  --glass-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);

  /* === TYPO === */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Fira Code', 'Consolas', 'Monaco', monospace;
  --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 2rem;
  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700;

  /* === SPACING / RADII / ETC. === */
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem;
  --radius-md: .5rem; --radius-lg: .75rem; --radius-xl: 1rem; --radius-full: 9999px;
  --border-width: 1px; --border-color: rgba(255, 255, 255, 0.12);

  /* === MOTION === */
  --duration-subtle: 150ms; --duration-normal: 300ms;
  --animation-duration-enter: 220ms;
  --animation-duration-exit: 260ms;
  --animation-duration-modal: 280ms;
  --animation-duration-toast: 280ms;
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --animation-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --animation-ease-out: var(--ease-out-quint);
  --animation-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* === LAYOUT === */
  --header-height: 56px; --sidebar-width: 258px; --mobile-nav-height: 64px; --max-content-width: 1600px;

  /* === Z === */
  --z-base: 0; --z-content: 1; --z-header: 10; --z-sidebar: 11; --z-modal-backdrop: 20; --z-modal-content: 21; --z-notification: 30;
}

/* === ALIAS DE COMPATIBILITÉ (stabilise les anciens styles) === */
:root {
  /* Vocabulaire "background" utilisé par certains fichiers */
  --color-background: var(--color-bg);
  --color-background-primary: var(--color-bg);
  --color-background-secondary: rgba(255, 255, 255, 0.04);
  --color-background-tertiary: rgba(255, 255, 255, 0.06);
  --color-background-light: rgba(255, 255, 255, 0.08);
}