/* =====================================================================
   Linutop — Design tokens (source unique)
   Valeurs relevées dans Figma "Design Linutop", page (Nouv.) Maquette v3,
   Dev Mode > Couleurs sélectionnées (Primary/100, /500, /600, Dark).
   Chargé avant redesign.css et chrome.css : les deux le consomment.
   ===================================================================== */
:root {
  /* Couleurs */
  --c-orange:        #FAB356;   /* Primary/500 — accent principal */
  --c-orange-600:    #F9A332;   /* Primary/600 — hover */
  --c-orange-700:    #E8951A;   /* actif/pressed (ancien accent, gardé comme palier le plus foncé) */
  --c-orange-soft:   #FCD3A1;   /* wordmark géant décoratif (teinte de Primary/500) */
  --c-cream:         #FEF1E1;   /* Primary/100 — bandeaux / panneaux */
  --c-cream-2:       #FFF8F0;   /* fond de section clair (teinte de Primary/100) */
  --c-card:          #FEF6EC;   /* fond de carte produit */
  --c-ink:           #1B1B23;   /* titres, texte — couleur sémantique, pas le "Dark" brut de Figma */
  --c-dark:          #000000;   /* primitif Figma brut — bordures/overlays uniquement, jamais du texte */
  --c-body:          #5C5C66;   /* texte courant */
  --c-muted:         #8A8A93;   /* texte secondaire */
  --c-line:          #F5E3CC;   /* filets sur crème */
  --c-line-2:        #EDEDED;   /* filets sur blanc */
  --c-white:         #FFFFFF;
  --c-ok:            #2E9E5B;   /* coche listes */

  /* Rayons */
  --r-card: 16px;
  --r-btn:  10px;
  --r-pill: 999px;

  /* Ombres */
  --shadow-sm: 0 1px 2px rgba(27,27,35,.05);
  --shadow-md: 0 8px 24px rgba(27,27,35,.08);

  /* Layout */
  --maxw: 1180px;
  --gap:  24px;

  /* Typo */
  --font-ui:   "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-logo: "Baloo 2", "Poppins", system-ui, sans-serif;
}