/**
 * Cargox — palette centralisée
 * Modifier les couleurs uniquement ici.
 */
:root {
  /* Marque */
  --cargox-blue: #098873;
  --cargox-blue-dark: #0f1b24;
  --cargox-blue-nav: #0f1c25;
  --cargox-blue-deep: #00224f;
  --cargox-gold: #097486;
  --cargox-gold-light: #f3dc65;

  /* Neutres */
  --cargox-white: #ffffff;
  --cargox-black: #000000;
  --cargox-gray: #787878;
  --cargox-gray-muted: #848484;
  --cargox-gray-mid: #999999;
  --cargox-gray-mid-rgb: 153, 153, 153;
  --cargox-gray-text: #cccccc;
  --cargox-bg-light: #f5f5f5;
  --cargox-border: #cccccc;
  --cargox-accent-yellow: #e7e036;
  --cargox-bg-subtle: #f5f5f8;
  --cargox-text-soft: #8f8e9a;

  /* Réseaux sociaux (boutons partage) */
  --cargox-social-facebook: #4661c5;
  --cargox-social-twitter: #1da1f2;
  --cargox-social-pinterest: #dc395c;
  --cargox-social-linkedin: #0073b0;

  /* RGB (rgba / ombres) */
  --cargox-blue-rgb: 21, 66, 163;
  --cargox-blue-dark-rgb: 15, 27, 36;
  --cargox-gold-rgb: 255, 192, 0;
  --cargox-white-rgb: 255, 255, 255;
  --cargox-gray-rgb: 120, 120, 120;
  --cargox-bg-light-rgb: 245, 245, 245;
  --cargox-border-rgb: 204, 204, 204;

  /* Dégradés */
  --cargox-gradient-hero: linear-gradient(90deg, var(--cargox-blue-dark) 12.37%, rgba(57, 103, 138, 0) 100%);
  --cargox-gradient-cta: linear-gradient(89.46deg, var(--cargox-blue) 49.9%, rgba(var(--cargox-blue-rgb), 0) 99.53%);

  /* Typographie (polices) */
  --cargox-font: "Jost", sans-serif;
  --cargox-font-display: "Rajdhani", sans-serif;

  /* Alias template OnPoint → Cargox (compatibilité onpoint.css) */
  --onpoint-font: var(--cargox-font);
  --onpoint-font-two: var(--cargox-font-display);
  --onpoint-base: var(--cargox-blue);
  --onpoint-base-rgb: var(--cargox-blue-rgb);
  --onpoint-black: var(--cargox-blue-dark);
  --onpoint-black-rgb: var(--cargox-blue-dark-rgb);
  --onpoint-primary: var(--cargox-gold);
  --onpoint-primary-rgb: var(--cargox-gold-rgb);
  --onpoint-white: var(--cargox-white);
  --onpoint-white-rgb: var(--cargox-white-rgb);
  --onpoint-gray: var(--cargox-gray);
  --onpoint-gray-rgb: var(--cargox-gray-rgb);
  --onpoint-extra: var(--cargox-bg-light);
  --onpoint-extra-rgb: var(--cargox-bg-light-rgb);
  --onpoint-bdr-color: var(--cargox-border);
  --onpoint-bdr-rgb: var(--cargox-border-rgb);
}