/* === THEME DYNAMIQUE (palette unique) === */
:root{
  /* FRONT (HEX) */
  --color-primary: #ff6251;
  --color-secondary: #0056d6;
  --color-tertiary: #0056d6;
  --color-gradient-start: #FF6B5B;
  --color-gradient-stop: #E55848;

  /* FRONT (RGB tuples) */
  --color-primary-rgb: 255,98,81;
  --color-secondary-rgb: 0,86,214;
  --color-tertiary-rgb: 0,86,214;
  --color-gradient-start-rgb: 255,107,91;
  --color-gradient-stop-rgb: 229,88,72;

  /* 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: #EF5C4C;
  --primary-bg-border: #E05647;

  /* 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);
}