/* Tema. Único arquivo do site com valor de cor.
   Dois tons: noir (padrão) e osso (papel, usado na Carta). A troca é feita pelo site.js em html[data-tom]. */

@property --fundo { syntax: "<color>"; inherits: true; initial-value: #0d0b0a; }
@property --texto { syntax: "<color>"; inherits: true; initial-value: #e9e2d5; }
@property --apoio { syntax: "<color>"; inherits: true; initial-value: #a39a8b; }
@property --linha { syntax: "<color>"; inherits: true; initial-value: #2a2522; }

:root {
  color-scheme: dark;
  --fundo: #0d0b0a;   /* noir cave */
  --texto: #e9e2d5;   /* osso */
  --apoio: #a39a8b;   /* rolha */
  --linha: #2a2522;   /* fio */
  --vinho: #7a1f2e;   /* a dose do símbolo */
  --gota: #b0475a;    /* a gota do logotipo sobre noir */
  --papel: #e9e2d5;   /* fundo fixo para peça com transparência */
}

:root[data-tom="osso"] {
  color-scheme: light;
  --fundo: #e9e2d5;
  --texto: #0d0b0a;
  --apoio: #5c554b;   /* rolha sobre osso */
  --linha: #cdc5b6;
  --gota: #7a1f2e;
}