/**
 * @file
 * Jetons de design Cable.cd 2027.
 *
 * Palette volontairement réduite : rouge de marque, noir, gris très pâle.
 * Les gris sont dérivés du noir — ce ne sont pas des couleurs supplémentaires.
 * Toute modification ici se répercute sur l'ensemble du thème.
 */

:root {
  /* --- Marque --- */
  --ccd-red: #cf2e2e;
  --ccd-red-dark: #a31f1f;
  --ccd-red-soft: #fbeaea;
  --ccd-black: #0e0e10;
  --ccd-ink: #1a1a1d;

  /* --- Échelle de gris --- */
  --ccd-grey-050: #f5f5f6; /* gris très pâle : fond de page */
  --ccd-grey-100: #ececee;
  --ccd-grey-200: #dedee1;
  --ccd-grey-400: #a0a0a8;
  --ccd-grey-600: #65656e;
  --ccd-white: #fff;

  /* --- Surfaces sombres (dérivées du noir) --- */
  --ccd-dark-line: #2a2a2e;
  --ccd-dark-line-2: #33333a;
  --ccd-dark-field: #17171b;

  /* --- Typographie --- */
  --ccd-font-display: "Archivo", "Helvetica Neue", helvetica, arial, sans-serif;
  --ccd-font-text: "Inter", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;
  --ccd-font-serif: georgia, "Iowan Old Style", "Times New Roman", serif;

  /* --- Rythme --- */
  --ccd-wrap: 1280px;
  --ccd-gutter: 20px;
  --ccd-gap: 24px;
  --ccd-radius: 2px; /* presse = angles francs */
  --ccd-rule: 1px solid var(--ccd-grey-200);

  /* --- Hauteurs de zones --- */
  --ccd-topbar-h: 40px;
  --ccd-ticker-h: 46px;
  --ccd-sticky-offset: 54px; /* hauteur du menu collant */
}