/* Dorfi — generado desde tokens.json por tokens.js; no lo edites a mano */
@font-face { font-family: 'Bricolage Grotesque'; src: url('fonts/BricolageGrotesque-latin.woff2') format('woff2'); font-weight: 500 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Hanken Grotesk'; src: url('fonts/HankenGrotesk-latin.woff2') format('woff2'); font-weight: 400 800; font-style: normal; font-display: swap; }

:root, [data-theme="dia"] {
  --fondo: #fff8ec;
  --fondo-alto: #ffffff;
  --lila: #eeeaff;
  --linea: #e2d9f3;
  --tinta: #1c1a2e;
  --tinta-suave: #5a5670;
  --enlace: #5b3cf5;
  --foco: #5b3cf5;
  --escenario: #2c1a8e;
  --escenario-alto: #1b0f52;
  --sobre-escenario: #fff8ec;
  --sobre-escenario-suave: #b9a8ff;
  --accion: #ff8f22;
  --sobre-accion: #1c1a2e;
  --resalte: #ffbf3a;
  --violeta-noche: #2c1a8e;
  --noche: #1b0f52;
  --violeta-vivo: #5b3cf5;
  --lavanda: #b9a8ff;
  --crema: #fff8ec;
  --mandarina: #ff8f22;
  --sol: #ffbf3a;
  --luz: #ffe07a;
  --amarillo-dorfi: #ffd23f;
  --tinta-marca: #1c1a2e;
  --animo-ganas: #fed85c;
  --animo-calma: #85d7b8;
  --animo-estres: #f98a6d;
  --animo-bajon: #8ba7e3;
  --animo-nifu: #eae0c8;
  --sombra-tarjeta: 0 1px 2px #2c1a8e14, 0 8px 24px -12px #2c1a8e33;
  --sombra-ventana: 0 30px 60px -30px #1e0f5a8c;
}

[data-theme="noche"] {
  --fondo: #150d3f;
  --fondo-alto: #22155f;
  --lila: #2a1c70;
  --linea: #3d2e8c;
  --tinta: #fff8ec;
  --tinta-suave: #cfc6f5;
  --enlace: #b9a8ff;
  --foco: #ffbf3a;
  --escenario: #3a25a8;
  --escenario-alto: #2c1a8e;
  --sombra-tarjeta: 0 1px 2px #00000040, 0 8px 24px -12px #00000066;
  --sombra-ventana: 0 30px 60px -30px #000000a6;
  color-scheme: dark;
}

:root {
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-6: 24px;
  --espacio-8: 32px;
  --espacio-12: 48px;
  --espacio-16: 64px;
  --radio-s: 8px;
  --radio-m: 16px;
  --radio-l: 32px;
  --radio-pildora: 9999px;
  --font-titular: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;
  --font-texto: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.titular-xl { font-family: var(--font-titular); font-size: 64px; line-height: 1; font-weight: 800; letter-spacing: -0.02em; font-variation-settings: 'opsz' 96; }
.titular-l { font-family: var(--font-titular); font-size: 44px; line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; font-variation-settings: 'opsz' 72; }
.titular-m { font-family: var(--font-titular); font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -0.01em; font-variation-settings: 'opsz' 36; }
.titular-s { font-family: var(--font-titular); font-size: 20px; line-height: 1.25; font-weight: 700; font-variation-settings: 'opsz' 24; }
.post-titular { font-family: var(--font-titular); font-size: 112px; line-height: 1.02; font-weight: 800; letter-spacing: -0.02em; font-variation-settings: 'opsz' 96; }
.texto-l { font-family: var(--font-texto); font-size: 19px; line-height: 1.55; font-weight: 400; }
.texto { font-family: var(--font-texto); font-size: 16px; line-height: 1.6; font-weight: 400; }
.boton { font-family: var(--font-texto); font-size: 16px; line-height: 1; font-weight: 700; }
.etiqueta { font-family: var(--font-texto); font-size: 13px; line-height: 1.2; font-weight: 700; letter-spacing: 0.08em; }
.nota { font-family: var(--font-texto); font-size: 13px; line-height: 1.45; font-weight: 500; }
.post-nota { font-family: var(--font-texto); font-size: 34px; line-height: 1.35; font-weight: 500; }