/* =====================================================================
   COLORES Y LETRAS DE O'D TECNOLOGÍA  (archivo css/theme.css)
   Look "sala de proyección": todo oscuro y el ámbar de la lámpara como luz.
   Para cambiar el look de TODA la página, cambia solo los valores de aquí.
   - --amber          : color de acento (lúmenes, etiquetas, enlaces "Ver")
   - --wa             : verde del botón de WhatsApp
   - --bg / --bg-2    : fondo de la página / fondo de las bandas alternas
   - --surface        : fondo de las tarjetas
   - --fg / --muted   : texto principal / texto secundario
   ===================================================================== */
:root{
  color-scheme:dark;
  --bg:#070B16; --bg-2:#0A101F; --surface:#0E1628; --surface-2:#131D33;
  --fg:#EEF2FA; --muted:#9AA7C2; --line:#1F2A44; --line-2:#2B3858;
  --amber:#F2A516; --amber-2:#FFC24D; --amber-ink:#1A1204; --amber-soft:rgba(242,165,22,.12);
  --wa:#22B061; --wa-hover:#27C46C; --wa-ink:#03130A;
  --f-display:'Bricolage Grotesque','Segoe UI',Arial,sans-serif;
  --f-body:'Hanken Grotesk','Segoe UI',Arial,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --nav-h:64px;
}
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--nav-h) + 12px);scrollbar-color:var(--line-2) var(--bg)}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;margin:0;caret-color:var(--amber);-webkit-font-smoothing:antialiased}