/* Marbert — la paleta y la escala (ver DA.md). El sal y el carbón; el color solo dice algo. */
:root {
  --sal: #F6F4EE; --papel: #FFFFFF; --carbon: #0E0E10; --tinta: #3A3B40; --linea: #DDD9CF; --piedra: #8A8B90;
  --cielo: #2F6BE0; --cielo-suave: #E6EEFC; --verde: #1E8E4E; --verde-suave: #E3F3E9; --ambar: #C77700; --ambar-suave: #FBEFD9; --rojo: #C8352E; --rojo-suave: #FAE3E1;
  --fondo: var(--sal); --superficie: var(--papel); --texto: var(--carbon); --texto-2: var(--tinta); --mudo: var(--piedra); --borde: var(--linea);
  --r-campo: 6px; --r-tarjeta: 10px; --r-pastilla: 999px;
  --t-13: 13px; --t-15: 15px; --t-17: 17px; --t-22: 22px; --t-28: 28px; --t-40: 40px;
  --fuente: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --toque: 48px; --toque-grande: 56px; --cabecera: 56px; --rail: 88px; --barra: 64px;
  --sombra: 0 1px 2px rgba(14,14,16,.06);
}
@media (prefers-color-scheme: dark) {
  :root { --fondo: #121215; --superficie: #1B1B1F; --texto: #F6F4EE; --texto-2: #C9C7C0; --mudo: #8A8B90; --borde: #2C2C31;
          --cielo-suave: #172544; --verde-suave: #14301F; --ambar-suave: #3A2A0E; --rojo-suave: #3A1614; --sombra: none; }
}