/* @tailwind base;
@tailwind components;
@tailwind utilities; */
/* @import './reset.css'; */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;


:root {
  --color-primary: 232 232 227;
  --color-secondary: 23 23 23;
  --color-accent: 59 130 246; /* Bleu par défaut */
  font-family: 'Open Sans', sans-serif;
}

.theme-dark {
  --color-primary: 23 23 23;
  --color-secondary: 232 232 227;
  --color-accent: 96 165 250; /* Bleu clair pour dark mode */
}

.theme-light {
  --color-primary: 232 232 227;
  --color-secondary: 23 23 23;
  --color-accent: 37 99 235; /* Bleu foncé pour light mode */
}

/* Custom Themes - Purple Haze */
.theme-custom-purple {
  --color-primary: 15 23 42; /* Slate foncé */
  --color-secondary: 226 232 240; /* Slate clair */
  --color-accent: 168 85 247; /* Violet/Purple */
}

/* Custom Themes - Teal Dream */
.theme-custom-teal {
  --color-primary: 17 24 39; /* Gray foncé */
  --color-secondary: 229 231 235; /* Gray clair */
  --color-accent: 20 184 166; /* Teal */
}

/* Custom Themes - Sunset Orange */
.theme-custom-sunset {
  --color-primary: 30 27 27; /* Brun foncé */
  --color-secondary: 254 240 215; /* Orange très clair */
  --color-accent: 249 115 22; /* Orange vif */
}

/* Custom Themes - Forest Green */
.theme-custom-forest {
  --color-primary: 20 30 25; /* Vert très foncé */
  --color-secondary: 236 253 243; /* Vert très clair */
  --color-accent: 34 197 94; /* Vert */
}

/* Custom Themes - Ocean Blue */
.theme-custom-ocean {
  --color-primary: 12 23 39; /* Bleu nuit */
  --color-secondary: 224 242 254; /* Bleu très clair */
  --color-accent: 14 165 233; /* Bleu océan */
}

/* Custom Themes - Rose Pink */
.theme-custom-rose {
  --color-primary: 31 20 31; /* Violet foncé */
  --color-secondary: 253 242 248; /* Rose très clair */
  --color-accent: 244 63 94; /* Rose */
}

/* Custom Themes - Amber Gold */
.theme-custom-amber {
  --color-primary: 28 25 23; /* Brun foncé */
  --color-secondary: 254 252 232; /* Jaune très clair */
  --color-accent: 245 158 11; /* Ambre/Or */
}