/* georgi5.com — tokens. Los colores y las fuentes viven solo aquí.
   Contraste medido sobre --bg (#EAEAE8): tinta 15,1:1 · gris 5,9:1 · naranja de texto 5,0:1.
   El sol es solo para campos grandes: sobre él, la tinta da de 5,7 a 9,8:1. */

@font-face {
  font-family: "Clash Display";
  src: url("/fonts/clash-display-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Clash Display";
  src: url("/fonts/clash-display-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("/fonts/general-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "General Sans";
  src: url("/fonts/general-sans-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/geist-mono-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Caveat";
  src: url("/fonts/caveat-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  --bg: #EAEAE8;
  --ink: #161514;
  --muted: #5A5854;
  --line: #D3D2CE;
  --line-media: color-mix(in srgb, var(--ink) 32%, var(--bg));
  --rayado: color-mix(in srgb, var(--ink) 55%, transparent);
  --sombra: color-mix(in srgb, var(--ink) 22%, transparent);

  --sol-0: #FFE1A8; /* solo el centro del sol pintado en WebGL (js/sol.js) */
  --sol-1: #F6B144;
  --sol-2: #F29A38;
  --sol-3: #E2702C;
  --nota: #A3480A;

  --f-display: "Clash Display", "Arial Narrow", sans-serif;
  --f-text: "General Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --f-mano: "Caveat", "Segoe Print", cursive;

  --max: 90rem;
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --destino-w: clamp(14rem, 22vw, 20rem);
}