/* path: src/styles/tokens.css */
/* Variables CSS pour les thèmes clair et sombre */
:root {
  --bg: #ffffff;
  --fg: #1a1a1a;
  --bg-alt: #f5f5f5;
  --accent: #0066ff;
  --accent-hover: #0052cc;
  --radius: 4px;
  --success-bg: hsl(142 70% 30% / .12);
  --success-fg: hsl(142 70% 25%);
  --warning-bg: hsl(44 95% 40% / .12);
  --warning-fg: hsl(44 95% 25%);
  --danger-bg: hsl(0 75% 45% / .12);
  --danger-fg: hsl(0 75% 35%);
--accent-bg: var(--color-primary-bg, transparent);   /* fallback transparents */
  --accent-ring: var(--color-primary-fg, currentColor);	
}

html.dark {
  --bg: #2e2e33;         /* Fond principal : gris anthracite doux */
  --fg: #f0f0f0;         /* Texte légèrement adouci (pas blanc pur) */
  --bg-alt: #3c3c41;     /* Fond secondaire : bien distinct du fond principal */
  --accent: #9c88ff;     /* Violet pastel lumineux, lisible sur fond sombre */
  --accent-hover: #bcaeff;
  --radius: 4px;

  --success-bg: hsl(142 70% 30% / 0.2);
  --success-fg: hsl(142 70% 60%);
  --warning-bg: hsl(44 95% 45% / 0.2);
  --warning-fg: hsl(44 95% 65%);
  --danger-bg: hsl(0 75% 45% / 0.2);
  --danger-fg: hsl(0 75% 65%);
}