/* ============================================================
   LOPANGO — TOKENS COMPLÉMENTAIRES
   lib/core/tokens.css  —  Phase 6

   Ce fichier ne définit QUE les tokens absents de app.css.
   Source de vérité principale : app.css :root
   Chargé AVANT app.css dans index.html.
   ============================================================ */

:root {
  /* ── Alias layout (design-system.css utilise les deux noms) ── */
  --topbar-height: var(--topbar-h);
  --sidebar-mini:  72px;

  /* ── Typographie — échelle de tailles ── */
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-base: 14px;
  --font-size-lg:   16px;
  --font-size-xl:   18px;
  --font-size-2xl:  22px;
  --font-size-3xl:  28px;

  /* ── Radius manquant ── */
  --radius-full: 9999px;

  /* ── Spacing alias ── */
  --space-lg: var(--space-6);

  /* ── Motion (absents de app.css) ── */
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 350ms;
  --ease-default:  cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Tenant Branding (injecté par lib/core/branding.js) ── */
  --tenant-primary:      var(--color-primary);
  --tenant-accent:       var(--color-accent);
  --tenant-logo-url:     none;
  --tenant-logo-text:    'LOPANGO';
  --tenant-bg-gradient:  none;
  --tenant-font:         var(--font-body);
  --tenant-radius-brand: var(--radius-xl);
}