/* === THEME DYNAMIQUE (palette unique) === */
:root{
  /* FRONT (HEX) */
  --color-primary: #022d2c;
  --color-secondary: #f69600;
  --color-tertiary: #ffc800;
  --color-gradient-start: #000000;
  --color-gradient-stop: #000000;

  /* FRONT (RGB tuples) */
  --color-primary-rgb: 2,45,44;
  --color-secondary-rgb: 246,150,0;
  --color-tertiary-rgb: 255,200,0;
  --color-gradient-start-rgb: 0,0,0;
  --color-gradient-stop-rgb: 0,0,0;

  /* BACK: mappings conservant les conventions */
  --primary: var(--color-primary);

  /* Background colors (HEX) */
  --primary-bg-color: var(--color-primary);
  --secondary-bg-color: var(--color-secondary);
  --tertiary-bg-color: var(--color-tertiary);

  /* Background colors (RGB) pour rgba(var(--xxx), <alpha>) */
  --primary-bg-color-rgb: var(--color-primary-rgb);
  --secondary-bg-color-rgb: var(--color-secondary-rgb);
  --tertiary-bg-color-rgb: var(--color-tertiary-rgb);

  /* Hover / border (HEX) */
  --primary-bg-hover: #012A29;
  --primary-bg-border: #012726;

  /* Gradients (HEX + RGB) */
  --gradient-start: var(--color-gradient-start);
  --gradient-stop:  var(--color-gradient-stop);
  --gradient-start-rgb: var(--color-gradient-start-rgb);
  --gradient-stop-rgb:  var(--color-gradient-stop-rgb);

  /* Helpers de dégradé prêts à l'emploi */
  --bg-gradient-45-solid: linear-gradient(45deg, var(--gradient-start) 40%, var(--gradient-stop) 100%);
  --bg-gradient-45:       linear-gradient(45deg, rgba(var(--gradient-start-rgb), 1) 40%, rgba(var(--gradient-stop-rgb), 1) 100%);

  /* Bootstrap */
  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);
  --bs-tertiary: var(--color-tertiary);
  --bs-link-color: var(--color-primary);
}