/*
 * @forgetaboutit/ui — tokens primitifs de la marque
 *
 * Couleurs extraites du logo Forget About IT :
 *   cyan  #16D5FF  → échelle fait-cyan (teinte oklch ~215)
 *   gris  #545454  → échelle fait-gray (neutre légèrement froid, ~fait-gray-600)
 *
 * Expose les utilitaires Tailwind v4 : bg-fait-cyan-400, text-fait-gray-200, etc.
 * Les applications consomment plutôt theme.css (tokens sémantiques).
 */

@theme {
  /* --- Cyan de marque --- */
  --color-fait-cyan-50: oklch(0.975 0.018 215);
  --color-fait-cyan-100: oklch(0.945 0.038 215);
  --color-fait-cyan-200: oklch(0.895 0.075 215);
  --color-fait-cyan-300: oklch(0.855 0.105 215);
  --color-fait-cyan-400: oklch(0.82 0.13 215); /* #16D5FF — cyan logo */
  --color-fait-cyan-500: oklch(0.74 0.125 220);
  --color-fait-cyan-600: oklch(0.64 0.115 224);
  --color-fait-cyan-700: oklch(0.54 0.098 228);
  --color-fait-cyan-800: oklch(0.45 0.078 230);
  --color-fait-cyan-900: oklch(0.38 0.06 232);
  --color-fait-cyan-950: oklch(0.28 0.048 235);

  /* --- Gris anthracite de marque (neutre froid) --- */
  --color-fait-gray-50: oklch(0.985 0.001 230);
  --color-fait-gray-100: oklch(0.962 0.002 230);
  --color-fait-gray-200: oklch(0.92 0.003 230);
  --color-fait-gray-300: oklch(0.86 0.004 230);
  --color-fait-gray-400: oklch(0.70 0.005 230);
  --color-fait-gray-500: oklch(0.55 0.005 230);
  --color-fait-gray-600: oklch(0.445 0.005 230); /* #545454 — anthracite logo */
  --color-fait-gray-700: oklch(0.38 0.005 231);
  --color-fait-gray-800: oklch(0.295 0.006 232);
  --color-fait-gray-850: oklch(0.255 0.006 233);
  --color-fait-gray-900: oklch(0.215 0.006 234);
  --color-fait-gray-925: oklch(0.185 0.006 235);
  --color-fait-gray-950: oklch(0.155 0.006 236);

  /* --- Statuts --- */
  --color-fait-success: oklch(0.72 0.17 155);
  --color-fait-warning: oklch(0.8 0.16 85);
  --color-fait-danger: oklch(0.64 0.2 25);
  --color-fait-info: oklch(0.74 0.125 220);
}