/*
 * Design tokens — ComprobamosTuCoche (fuente: Brandbook v1.0)
 * Regla 12 del brandbook: definir colores como tokens, nunca repetir HEX.
 */
:root {
  /* Color */
  --ctc-graphite: #202a33;      /* texto principal, titulares, fondos premium */
  --ctc-graphite-2: #35424d;    /* texto secundario, iconografía */
  --ctc-lime: #b6e600;          /* CTA, acentos, check, marca */
  --ctc-lime-dark: #91b800;     /* acento/texto con más contraste */
  --ctc-white: #ffffff;         /* fondos y espacio visual */
  --ctc-surface: #f4f6f7;       /* fondos de secciones y tarjetas */

  /* Tipografía */
  --ctc-font: Inter, Arial, Helvetica, sans-serif;
  --ctc-weight-h1: 800;
  --ctc-weight-h2: 700;
  --ctc-weight-text: 400;
  --ctc-weight-btn: 600;
  --ctc-weight-data: 600;

  /* Estados técnicos (el color nunca es el único indicador) */
  --ctc-state-ok: #2e7d32;
  --ctc-state-observation: #b26a00;
  --ctc-state-relevant: #c62828;
  --ctc-state-critical: #7b1fa2;
  --ctc-state-notested: #546e7a;
}