/* OYB Tech — tokens de diseño. Fuente única de color, tipografía y movimiento. */
@font-face { font-family: "Space Grotesk"; src: url("../fonts/space-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Sora";          src: url("../fonts/sora-latin-wght-normal.woff2") format("woff2");          font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Inter";         src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");         font-weight: 100 900; font-display: swap; }

:root {
  /* Paleta de marca */
  --obsidian: #080b12;
  --midnight: #101a2b;
  --graphite: #262d38;
  --electric: #2878ff;
  --violet:   #2878ff; /* alias: la marca ya no usa violeta */
  --cyan:     #75c9e8;
  --ice:      #f5f7fa;
  --silver:   #aab5c2;

  /* Derivados */
  --ink:        #0b1019;               /* texto sobre fondos claros */
  --line-dark:  rgba(170,181,194, .16);
  --line-light: rgba(11,16,25, .14);
  --surface-d:  rgba(16,26,43, .62);

  /* Degradados "iluminados desde dentro" */
  --grad-electric: linear-gradient(100deg, #2878ff 0%, #3d8bff 100%);
  --grad-aurora:   linear-gradient(100deg, #75c9e8 0%, #2878ff 100%);

  /* Tipografía */
  --f-display: "Space Grotesk", "Sora", system-ui, sans-serif;
  --f-sora:    "Sora", "Space Grotesk", system-ui, sans-serif;
  --f-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xxl: clamp(3.1rem, 10.4vw, 10.5rem);
  --fs-xl:  clamp(2.6rem, 7.2vw, 7rem);
  --fs-l:   clamp(2.1rem, 4.6vw, 4.4rem);
  --fs-m:   clamp(1.2rem, 1.7vw, 1.6rem);
  --fs-body: clamp(1rem, 1.1vw, 1.125rem);
  --fs-label: .72rem;

  /* Layout */
  --gutter: clamp(1.25rem, 4.5vw, 4.5rem);
  --maxw: 1480px;
  --nav-h: 76px;

  /* Movimiento */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
}