/* Priorité 11 — Design tokens centraux
   Source unique pour les couleurs, surfaces, rayons, ombres et animations.
   Les anciens préfixes (--ux, --notes, --comm, --np) restent compatibles. */
:root {
  color-scheme: dark;

  /* Fonds et surfaces */
  --ui-bg-deep: #07111f;
  --ui-bg: #08111f;
  --ui-bg-2: #0b1628;
  --ui-bg-3: #101827;
  --ui-surface: rgba(255,255,255,.075);
  --ui-surface-strong: rgba(255,255,255,.105);
  --ui-card: rgba(15,23,42,.88);
  --ui-card-solid: #101a2d;
  --ui-card-2: rgba(30,41,59,.72);
  --ui-panel: rgba(15,23,42,.92);
  --ui-panel-2: rgba(30,41,59,.72);

  /* Bordures et texte */
  --ui-border: rgba(148,163,184,.22);
  --ui-border-soft: rgba(148,163,184,.16);
  --ui-border-strong: rgba(125,211,252,.38);
  --ui-text: #f8fafc;
  --ui-ink: #f8fafc;
  --ui-muted: #cbd5e1;
  --ui-dim: #94a3b8;
  --ui-soft: #94a3b8;
  --ui-link: #7dd3fc;

  /* Accents */
  --ui-primary: #38bdf8;
  --ui-primary-2: #60a5fa;
  --ui-primary-strong: #0284c7;
  --ui-blue: #38bdf8;
  --ui-sky: #38bdf8;
  --ui-indigo: #818cf8;
  --ui-purple: #a78bfa;
  --ui-pink: #f472b6;
  --ui-success: #34d399;
  --ui-green: #34d399;
  --ui-warning: #fbbf24;
  --ui-yellow: #fbbf24;
  --ui-danger: #fb7185;
  --ui-red: #f87171;
  --ui-danger-strong: #be123c;

  /* Formes et profondeur */
  --ui-radius-sm: .75rem;
  --ui-radius-md: 1rem;
  --ui-radius-lg: 1.25rem;
  --ui-radius-xl: 1.35rem;
  --ui-radius-2xl: 1.75rem;
  --ui-radius-card: 1.5rem;
  --ui-radius-control: .9rem;
  --ui-shadow-soft: 0 18px 55px rgba(2,6,23,.28);
  --ui-shadow: 0 24px 70px rgba(2,6,23,.32);
  --ui-shadow-pop: 0 26px 80px rgba(2,6,23,.38);
  --ui-focus-ring: 0 0 0 .22rem rgba(56,189,248,.24);

  /* Mouvement */
  --ui-ease: cubic-bezier(.22,1,.36,1);
  --ui-duration-fast: .18s;
  --ui-duration-normal: .28s;

  /* Compatibilité UX */
  --ux-bg-deep: var(--ui-bg);
  --ux-bg: #0f172a;
  --ux-surface: var(--ui-surface);
  --ux-surface-strong: var(--ui-surface-strong);
  --ux-border: rgba(226,232,240,.16);
  --ux-border-strong: rgba(125,211,252,.42);
  --ux-text: var(--ui-text);
  --ux-muted: var(--ui-soft);
  --ux-blue: var(--ui-blue);
  --ux-indigo: var(--ui-indigo);
  --ux-purple: var(--ui-purple);
  --ux-pink: var(--ui-pink);
  --ux-green: var(--ui-green);
  --ux-amber: var(--ui-warning);
  --ux-radius-xl: var(--ui-radius-xl);
  --ux-radius-2xl: var(--ui-radius-2xl);
  --ux-shadow-soft: var(--ui-shadow-soft);
  --ux-shadow-pop: var(--ui-shadow-pop);
  --ux-ease: var(--ui-ease);

  /* Compatibilité Notes */
  --notes-bg: var(--ui-bg);
  --notes-bg-2: var(--ui-bg-2);
  --notes-card: var(--ui-card);
  --notes-card-2: var(--ui-card-2);
  --notes-border: var(--ui-border);
  --notes-ink: var(--ui-text);
  --notes-muted: var(--ui-muted);
  --notes-soft: var(--ui-soft);
  --notes-primary: var(--ui-primary);
  --notes-primary-dark: #1e3a8a;
  --notes-success: var(--ui-success);
  --notes-danger: var(--ui-danger);
  --notes-warning: var(--ui-warning);
  --notes-shadow: var(--ui-shadow);

  /* Compatibilité Notes internes */
  --np-bg: var(--ui-bg-deep);
  --np-bg2: var(--ui-bg-2);
  --np-card: var(--ui-card);
  --np-card2: var(--ui-card-2);
  --np-border: var(--ui-border);
  --np-text: var(--ui-text);
  --np-muted: var(--ui-muted);
  --np-soft: var(--ui-soft);
  --np-blue: var(--ui-primary);
  --np-blue2: #2563eb;
  --np-green: var(--ui-success);
  --np-red: var(--ui-danger);
  --np-yellow: var(--ui-warning);
  --np-shadow: var(--ui-shadow);
  --np-radius: 20px;

  /* Compatibilité Communication Parent */
  --comm-bg: var(--ui-bg);
  --comm-bg-2: var(--ui-bg-2);
  --comm-card: var(--ui-card);
  --comm-card-2: var(--ui-card-2);
  --comm-ink: var(--ui-text);
  --comm-muted: var(--ui-muted);
  --comm-soft: var(--ui-soft);
  --comm-border: var(--ui-border);
  --comm-primary: var(--ui-primary);
  --comm-primary-2: var(--ui-primary-2);
  --comm-purple: var(--ui-purple);
  --comm-green: var(--ui-success);
  --comm-red: var(--ui-danger);
  --comm-amber: var(--ui-warning);
  --comm-shadow: var(--ui-shadow);
  --comm-ease: var(--ui-ease);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ui-duration-fast: 1ms;
    --ui-duration-normal: 1ms;
  }
}