/* Global Color Variables */
:root {
  /* Primary Colors */
  --color-primary-green: #34D16C;
  --color-primary-dark: #1D1D1E;
  --color-primary-violet: #023DC8; /* Violet pour les étoiles/highlights */

  /* Text Colors */
  --color-text-dark: #1D1D1E;
  --color-text-primary: #1D1D1E;
  --color-text-secondary: #6B7280;
  --color-text-placeholder: rgb(156, 163, 175);

  /* Background Colors */
  --color-bg-white: #ffffff;
  --color-bg-light: #F2F2F7;
  --color-bg-lighter: #FAFAFA;

  /* Border Colors */
  --color-border-dark: #1D1D1E;
  --color-border-light: #E5E5E5;
  --color-border-lighter: #EBEBEB;
  --color-border-gray: #3a3a3a;
  --color-border-gray-medium: #4e4e4e;
  --color-border-gray-light: #8b8b8c;
  --color-border-gray-lighter: #979799;
  --color-border-gray-very-light: #A9A9A9;
  --color-border-neutral: #C7C7CC;
  --color-border-neutral-light: #CDCDCD;
  --color-border-neutral-lighter: #DADADA;
  --color-border-neutral-very-light: #DCDCDC;
  --color-border-neutral-faint: #DEDEDE;
  --color-border-faint: #E2E2E2;
  --color-border-very-faint: #E8E8E8;
  --color-border-ultra-faint: #E9E9E9;
  --color-border-near-white: #ECECEC;
  --color-border-almost-white: #EDEDED;
  --color-border-off-white: #EEE;
  --color-border-pale: #F2F2F7;

  /* Star/Rating Colors */
  --color-star: var(--color-primary-violet);
  --color-star-filled: #023DC8;

  /* Ring/Focus Colors */
  --color-ring-primary: rgb(59, 130, 246);
  --color-ring-primary-alpha: rgb(59 130 246/0.5);
}

/* Apply colors to common elements */
::placeholder {
  color: var(--color-text-placeholder);
}

* {
  --tw-ring-color: var(--color-ring-primary-alpha);
}