/* USONOI · tokens de diseño */
@font-face{font-family:"Unbounded";src:url("../assets/fonts/unbounded-var.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../assets/fonts/space-grotesk-var.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../assets/fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  color-scheme: dark;
  --bg:#030303;
  --bg-2:#07080a;
  --panel:#0b0c0e;
  --panel-2:#101114;
  --ink:#f2f2ef;
  --ink-2:#cfcfca;
  --mut:#95958f;
  --faint:#5f5f5b;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);

  /* mundos */
  --rec:#ef8158;
  --tec:#d2a26a;
  --web:#62aeff;
  --cmd:#e9edf2;
  --world: var(--cmd);

  --display:"Unbounded", "Arial Black", system-ui, sans-serif;
  --body:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --nav-h:60px;
  --gutter:max(20px, 4vw);
  --maxw:1320px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
[data-world="rec"]{--world:var(--rec)}
[data-world="tec"]{--world:var(--tec)}
[data-world="web"]{--world:var(--web)}