/* ===========================================================================
   Pythie — Design tokens « Oracle »  (POC2)
   Source : docs/brand/charte_graphique.html  (le logo partage cette palette)
   Indigo = marque · Or = accent (rare) · Violet = secondaire · Encre = texte
   --------------------------------------------------------------------------- */

:root {
  /* --- Indigo (primaire — couleur du logo) --- */
  --py-indigo-50:  #EEF2FF;
  --py-indigo-100: #E0E7FF;
  --py-indigo-200: #C7D2FE;
  --py-indigo-300: #A5B4FC;
  --py-indigo-400: #818CF8;
  --py-indigo-500: #6366F1;
  --py-indigo-600: #4F46E5;
  --py-indigo-700: #4338CA;
  --py-indigo-800: #3730A3;
  --py-indigo-900: #312E81;

  /* --- Violet (secondaire) --- */
  --py-violet-50:  #F5F3FF;
  --py-violet-100: #EDE9FE;
  --py-violet-200: #DDD6FE;
  --py-violet-300: #C4B5FD;
  --py-violet-400: #A78BFA;
  --py-violet-500: #8B5CF6;
  --py-violet-600: #7C3AED;
  --py-violet-700: #6D28D9;
  --py-violet-800: #5B21B6;
  --py-violet-900: #4C1D95;

  /* --- Or doré (accent — couleur du logo) --- */
  --py-gold-50:  #FBF4E2;
  --py-gold-100: #F6E6BE;
  --py-gold-200: #EFD392;
  --py-gold-300: #E8BD60;
  --py-gold-400: #E3A53E;
  --py-gold-500: #C5871F;
  --py-gold-600: #9C6A18;
  --py-gold-700: #744E14;
  --py-gold-800: #4E340D;

  /* --- Neutres (encre lavande) --- */
  --py-ink-50:  #F7F6FD;
  --py-ink-100: #EEEDF6;
  --py-ink-200: #E0DEEC;
  --py-ink-300: #C9C6DA;
  --py-ink-400: #A29FB8;
  --py-ink-500: #6E6B85;
  --py-ink-600: #524F68;
  --py-ink-700: #3B3950;
  --py-ink-800: #28263A;
  --py-ink-900: #1E1B2E;

  /* --- Sémantique (statuts fonctionnels) --- */
  --py-success:      #16A34A;
  --py-success-bg:   #DCFCE7;
  --py-success-text: #166534;
  --py-warning:      #EA580C; /* orange franc, distinct de l'or de marque */
  --py-warning-bg:   #FFEDD5;
  --py-warning-text: #9A3412;
  --py-danger:       #DC2626;
  --py-danger-bg:    #FEE2E2;
  --py-danger-text:  #991B1B;
  --py-info:         #4F46E5;
  --py-info-bg:      #E0E7FF;
  --py-info-text:    #3730A3;

  /* --- Rôles (alias sémantiques d'UI) --- */
  --py-primary:        var(--py-indigo-600);  /* = couleur du logo */
  --py-primary-hover:  var(--py-indigo-700);
  --py-primary-strong: var(--py-indigo-800);
  --py-secondary:      var(--py-violet-600);
  --py-accent:         var(--py-gold-400);    /* = or du logo */
  --py-accent-hover:   var(--py-gold-500);
  --py-accent-text:    var(--py-gold-700);    /* texte sur fond or clair */
  --py-text:           var(--py-ink-900);
  --py-text-secondary: var(--py-ink-600);
  --py-text-muted:     var(--py-ink-500);
  --py-border:         var(--py-ink-200);
  --py-border-strong:  var(--py-ink-300);
  --py-surface:        var(--py-ink-50);  /* fond de page */
  --py-surface-raised: #FFFFFF;           /* cartes */

  /* --- Rayons --- */
  --py-radius-sm:  6px;
  --py-radius-md:  10px; /* éléments (boutons, inputs, chips) */
  --py-radius-lg:  14px; /* cartes */
  --py-radius-xl:  18px; /* grands panneaux */
  --py-radius-pill: 9999px;

  /* --- Espacements --- */
  --py-space-1: 4px;
  --py-space-2: 8px;
  --py-space-3: 12px;
  --py-space-4: 16px;
  --py-space-6: 24px;
  --py-space-8: 32px;
  --py-space-12: 48px;

  /* --- Typographie --- */
  --py-font-display: 'Space Grotesk', 'Inter', -apple-system, sans-serif;
  --py-font-sans:    'Inter', -apple-system, system-ui, sans-serif;
  --py-text-xs:   11px;
  --py-text-sm:   12.5px;
  --py-text-base: 15px;
  --py-text-md:   16px;
  --py-text-lg:   17px;
  --py-text-xl:   22px;
  --py-text-display: 30px;
  --py-weight-regular:  400;
  --py-weight-medium:   500;
  --py-weight-semibold: 600;
  --py-weight-bold:     700;
}