/* Orient Electrical Appliances — tokens (dirección «Bento»).
   Jerarquía de color pedida por Diego: blanco primario · azul de marca secundario · amarillo terciario (acentos). */
:root{
  --brand-1:#022179;            /* azul del isotipo */
  --brand-2:#0B2C95;
  --brand-3:#E8ECF7;            /* azul muy claro para fondos de apoyo */
  --brand-4:#FFBE00;            /* amarillo del isotipo: solo acentos */
  --brand-5:#E6E0D9;            /* piso del estudio de producto */
  --accent:#FFBE00;
  --ink:#0E1630;
  --ink-soft:#4F5976;
  --surface:#FFFFFF;
  --surface-2:#F3F5F9;
  --line:#E1E5EE;
  --radius:14px;  --radius-lg:24px;  --radius-sm:10px;
  --shadow:0 1px 2px rgba(2,33,121,.08), 0 12px 32px -18px rgba(2,33,121,.28);
  --font-display:"Sora", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-body:"Manrope", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --ease:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --maxw:1360px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --t-sm:.9375rem; --t-base:1.0625rem; --t-lg:1.25rem; --t-xl:1.5625rem; --t-2xl:clamp(1.9rem,2.6vw,2.6rem); --t-3xl:clamp(2.2rem,3.4vw,3.3rem);
}