/* variables.css — Design tokens de la landing.
   Identidad "herramienta de trabajo": familia IBM Plex + display Bricolage,
   acento monocromo gris oscuro. Tema claro por defecto; oscuro por
   preferencia del sistema o atributo data-theme="dark". */
:root{
  color-scheme:light;
  --bg:#F5F6F4; --surface:#FFFFFF; --surface-2:#FBFCFB;
  --fg:#15171A; --muted:#5B6168; --line:#E4E6E2; --line-strong:#D3D6D1;
  --accent:#2A2D31; --accent-ink:#24272B; --accent-soft:#ECEDEB; --on-accent:#FFFFFF;
  --shadow:0 1px 2px rgba(16,30,24,.05),0 12px 32px -18px rgba(16,30,24,.22);
  --radius:14px;
  --f-display:'Bricolage Grotesque','Georgia',serif;
  --f-body:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,monospace;
  --maxw:1120px;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --bg:#0E1110; --surface:#161A18; --surface-2:#121514;
  --fg:#ECEEEA; --muted:#9AA19C; --line:#262B28; --line-strong:#333A36;
  --accent:#E4E6E2; --accent-ink:#E4E6E2; --accent-soft:#262B28; --on-accent:#15171A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -22px rgba(0,0,0,.7);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0E1110; --surface:#161A18; --surface-2:#121514;
  --fg:#ECEEEA; --muted:#9AA19C; --line:#262B28; --line-strong:#333A36;
  --accent:#E4E6E2; --accent-ink:#E4E6E2; --accent-soft:#262B28; --on-accent:#15171A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 40px -22px rgba(0,0,0,.7);
  color-scheme:dark;
}