/* ⚠️  FICHIER GÉNÉRÉ — ne pas éditer.
   Source : packages/tokens/tokens.css — régénérer avec `make tokens`. */

/*
 * Charte graphique Jardin des Roys — SOURCE UNIQUE.
 *
 * C'est le seul endroit où les couleurs/typo de la marque sont définies.
 * Les deux apps (commandes, production) consomment ces variables :
 *   - commandes : via var(--jdr-*) dans style.css
 *   - production : via @theme dans index.css (Tailwind)
 *
 * Après modification, lancer `make tokens` (ou scripts/sync-tokens.sh) pour
 * propager ce fichier dans les frontends. NE PAS éditer les copies générées.
 */
:root {
  /* --- Palette de marque (valeurs brutes) --- */
  --jdr-green-600: #16a34a;
  --jdr-green-700: #15803d;
  --jdr-green-800: #166534;
  --jdr-green-100: #dcfce7;
  --jdr-green-50:  #f0fdf4;

  --jdr-gray-900: #111827;
  --jdr-gray-700: #374151;
  --jdr-gray-500: #6b7280;
  --jdr-gray-300: #d1d5db;
  --jdr-gray-200: #e5e7eb;
  --jdr-gray-100: #f3f4f6;
  --jdr-gray-50:  #f9fafb;
  --jdr-white:    #ffffff;

  --jdr-red-500:   #ef4444;
  --jdr-red-600:   #dc2626;
  --jdr-amber-500: #f59e0b;
  --jdr-amber-600: #d97706;

  /* --- Rôles sémantiques (à utiliser dans les composants) --- */
  --jdr-primary:           var(--jdr-green-600);
  --jdr-primary-hover:     var(--jdr-green-700);
  --jdr-primary-fg:        var(--jdr-white);
  --jdr-primary-subtle:    var(--jdr-green-50);
  --jdr-primary-subtle-fg: var(--jdr-green-800);

  --jdr-danger:        var(--jdr-red-500);
  --jdr-danger-hover:  var(--jdr-red-600);
  --jdr-warning:       var(--jdr-amber-500);
  --jdr-warning-hover: var(--jdr-amber-600);

  --jdr-bg:        var(--jdr-gray-50);
  --jdr-surface:   var(--jdr-white);
  --jdr-fg:        var(--jdr-gray-900);
  --jdr-muted-fg:  var(--jdr-gray-500);
  --jdr-border:    var(--jdr-gray-200);

  /* --- Typographie & rayons --- */
  --jdr-font-sans: system-ui, -apple-system, sans-serif;
  --jdr-radius-sm: 6px;
  --jdr-radius:    8px;
  --jdr-radius-lg: 12px;
}