/* Variables CSS exactes de la version React - Format OKLCH */
:root {
  --primary: oklch(0.7748 0.1012 219.6); /* Bleu-Vert Clair #62C5E2 - Charte ACTIS² */
  --primary-foreground: oklch(0.1753 0.0509 208.4); /* Gris foncé #1C2E30 - Charte ACTIS² */
  --radius: 0.65rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.2865 0.0238 204.7); /* Gris foncé #1C2E30 - Charte ACTIS² */
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.2865 0.0238 204.7); /* Gris foncé #1C2E30 - Charte ACTIS² */
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.2865 0.0238 204.7); /* Gris foncé #1C2E30 - Charte ACTIS² */
  --secondary: oklch(0.7318 0.5150 116.3); /* Vert #99C21D - Charte ACTIS² */
  --secondary-foreground: oklch(0.2865 0.0238 204.7); /* Gris foncé #1C2E30 - Charte ACTIS² */
  --muted: oklch(0.967 0.001 286.375);
  --muted-foreground: oklch(0.2865 0.0238 204.7);
  --accent: oklch(0.7318 0.5150 116.3); /* Vert #99C21D - Charte ACTIS² */
  --accent-foreground: oklch(0.2865 0.0238 204.7); /* Gris foncé #1C2E30 - Charte ACTIS² */
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.2865 0.0238 204.7);
  --input: oklch(0.92 0.004 286.32);
  --ring: oklch(0.623 0.214 259.815);
}

/* Classes utilitaires pour les couleurs */
.bg-primary {
  background-color: var(--primary);
}

.bg-secondary {
  background-color: var(--secondary);
}

.bg-accent {
  background-color: var(--accent);
}

.bg-muted {
  background-color: var(--muted);
}

.bg-card {
  background-color: var(--card);
}

.bg-background {
  background-color: var(--background);
}

.footer {
  background-color: var(--foreground);
}

.text-primary {
  color: var(--primary);
}

.text-secondary {
  color: var(--secondary);
}

.text-accent {
  color: var(--accent);
}

.text-foreground {
  color: var(--foreground);
}

.text-muted-foreground {
  color: var(--muted-foreground);
}

.text-muted-footer {
  color: var(--muted);
}

.text-card-foreground {
  color: var(--card-foreground);
}

.text-primary-foreground {
  color: var(--primary-foreground);
}

.border-primary {
  border-color: var(--primary);
}

.border-border {
  border-color: var(--border);
}

/* Effets hover */
.hover\\:bg-primary\\/90:hover {
  background-color: oklch(from var(--primary) l c h / 0.9);
}

.hover\\:border-primary:hover {
  border-color: var(--primary);
}

.hover\\:text-primary:hover {
  color: var(--primary);
}

.hover\\:text-secondary:hover {
  color: var(--secondary);
}

/* Transitions */
.transition-colors {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}