/* PROPUESTA — alinea khatedral.com con el sistema de color V2.
   Usa los mismos nombres de variable que ya tiene la landing: se pega al final de la hoja de estilos. */
:root{                       /* modo oscuro (por defecto en la landing) */
  --paper:#000000;           /* antes #0b0e0c: negro de los logotipos */
  --paper-2:#111111;         /* antes #171a18: negro neutro, sin tinte verde */
  --bone:#FFFFFF;            /* antes #f2f0e9: blanco de los logotipos */
  --line:rgba(255,255,255,.23);
  --faint:rgba(255,255,255,.10);
  --quiet:#A8A8A8;           /* 8,6:1 sobre negro */
  --orange:#C70210;          /* elementos grandes: arco, punto, marcadores (3,44:1 sobre negro) */
  --accent-text:#D84E58;     /* NUEVO: rojo para texto pequeño sobre oscuro (5,15:1) */
}
/* modo claro, si la landing lo conserva */
.light,[data-theme="light"]{
  --paper:#EEE9DF; --paper-2:#E1DBCF; --ink:#000000; --bone:#000000;
  --line:rgba(0,0,0,.24); --faint:rgba(0,0,0,.10);
  --quiet:#5C5851;           /* 5,84:1 sobre Piedra */
  --orange:#C70210;          /* 5,04:1 sobre Piedra, vale también para texto */
}
/* secciones por división */
#race{ --orange:#BBC702; --accent-text:#BBC702; }   /* lima solo sobre negro: 11,3:1 */
/* #social: color pendiente de decidir junto con su rotulación */