/* Palette officielle — charte p.7 (valeurs hex de la charte, à respecter strictement) */
:root{
--pet-noir:#020304;
--pet-bleu:#494697;
--pet-violet:#af4492;
--pet-jaune:#dddc17;
--pet-blanc:#ffffff;
/* Anthracite — teinte du logo et des fonds sombres de la charte (couverture, logo négatif) */
--pet-anthracite:#2c2e35;

/* Dérivés (mélanges des couleurs officielles — pour états et neutres UI uniquement) */
--pet-bleu-fonce:color-mix(in oklab,var(--pet-bleu) 80%,var(--pet-noir));
--pet-bleu-clair:color-mix(in oklab,var(--pet-bleu) 10%,var(--pet-blanc));
--pet-violet-fonce:color-mix(in oklab,var(--pet-violet) 80%,var(--pet-noir));
--pet-violet-clair:color-mix(in oklab,var(--pet-violet) 10%,var(--pet-blanc));
--pet-jaune-fonce:color-mix(in oklab,var(--pet-jaune) 85%,var(--pet-noir));
--pet-jaune-clair:color-mix(in oklab,var(--pet-jaune) 18%,var(--pet-blanc));
--pet-gris-50:color-mix(in oklab,var(--pet-anthracite) 4%,var(--pet-blanc));
--pet-gris-100:color-mix(in oklab,var(--pet-anthracite) 8%,var(--pet-blanc));
--pet-gris-200:color-mix(in oklab,var(--pet-anthracite) 16%,var(--pet-blanc));
--pet-gris-400:color-mix(in oklab,var(--pet-anthracite) 45%,var(--pet-blanc));
--pet-gris-600:color-mix(in oklab,var(--pet-anthracite) 75%,var(--pet-blanc));

/* Sémantique */
--text-strong:var(--pet-noir);
--text-body:var(--pet-anthracite);
--text-muted:var(--pet-gris-600);
--text-inverse:var(--pet-blanc);
--text-link:var(--pet-bleu);
--surface-page:var(--pet-blanc);
--surface-subtle:var(--pet-gris-50);
--surface-card:var(--pet-blanc);
--surface-inverse:var(--pet-anthracite);
--surface-highlight:var(--pet-jaune);
--border-strong:var(--pet-noir);
--border-default:var(--pet-gris-200);
--border-subtle:var(--pet-gris-100);
--action-primary:var(--pet-bleu);
--action-primary-hover:var(--pet-bleu-fonce);
--action-accent:var(--pet-violet);
--action-accent-hover:var(--pet-violet-fonce);
--action-highlight:var(--pet-jaune);
--status-success:var(--pet-bleu);
--status-promo:var(--pet-violet);
--status-info:var(--pet-bleu);
--focus-ring:var(--pet-jaune);
}
