/* Torbits — tokens de marca.
   Generado por docs/marca/generar.py: se cambia allá y se corre de nuevo. */

:root {
  /* los tres de la marca */
  --tb-gato: #15141A;
  --tb-ojo: #F5B22A;
  --tb-leche: #F4F3EF;
  /* neutros */
  --tb-carbon: #211F27;
  --tb-pizarra: #3A3842;
  --tb-humo: #5F5C68;
  --tb-ceniza: #8E8B96;
  --tb-niebla: #DCDAD4;
  --tb-bruma: #A8A6AE;
  --tb-blanco: #FFFFFF;
  /* el dorado cuando no puede ser dorado */
  --tb-ambar: #8F5E00;
  --tb-miel: #FCE9C0;
  /* estados: productos y datos, nunca piezas de marca */
  --tb-bien: #2E7255;
  --tb-aviso: #AD4E17;
  --tb-error: #B0362E;
  --tb-info: #2F5E9C;

  /* roles — lo que usan las pantallas */
  --tb-fondo: var(--tb-leche);
  --tb-superficie: var(--tb-blanco);
  --tb-texto: var(--tb-gato);
  --tb-texto-2: var(--tb-humo);
  --tb-linea: var(--tb-niebla);
  --tb-acento: var(--tb-ojo);
  --tb-acento-texto: var(--tb-ambar);

  --tb-titulos: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --tb-cuerpo: 'Figtree', ui-sans-serif, system-ui, sans-serif;
  --tb-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --tb-radio: 12px;
  --tb-radio-chico: 8px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --tb-fondo: #15141A;
    --tb-superficie: #211F27;
    --tb-texto: #F4F3EF;
    --tb-texto-2: #A8A6AE;
    --tb-linea: #3A3842;
    --tb-acento-texto: #F5B22A;
    --tb-bien: #6CC59A;
    --tb-aviso: #F09A62;
    --tb-error: #F08A80;
    --tb-info: #8CB4E8;
  }
}

:root[data-theme='dark'] {
  --tb-fondo: #15141A;
  --tb-superficie: #211F27;
  --tb-texto: #F4F3EF;
  --tb-texto-2: #A8A6AE;
  --tb-linea: #3A3842;
  --tb-acento-texto: #F5B22A;
  --tb-bien: #6CC59A;
  --tb-aviso: #F09A62;
  --tb-error: #F08A80;
  --tb-info: #8CB4E8;
}