/* Bytes — color tokens. Source: Bytes Look&Feel v3 (sampled from PDF). */
:root{
  /* Base palette */
  --bytes-navy:#0E1528;        /* Ink / dark surface — primary brand dark */
  --bytes-navy-2:#192440;      /* Dark elevation layer */
  --bytes-white:#FFFFFF;
  --bytes-grey:#EAEFF3;        /* Neutral light surface */
  --bytes-coral:#FF5B62;       /* Coral Red — accent. OFF-WEB / marketing + light-theme accent */
  --bytes-cyan:#65FDFE;        /* Neon blue — dark-theme primary accent, brand shape fills */
  --bytes-lime:#D4FF6A;        /* Neon lime — dark-theme secondary accent, CTA bands */

  /* Semantic — light theme (default) */
  --surface-page:var(--bytes-white);
  --surface-alt:var(--bytes-grey);
  --surface-card:var(--bytes-white);
  --surface-inverse:var(--bytes-navy);
  --text-primary:var(--bytes-navy);
  --text-secondary:#4A5468;
  --text-on-accent:var(--bytes-navy);
  --text-inverse:var(--bytes-white);
  --accent-primary:var(--bytes-coral);
  --accent-secondary:var(--bytes-cyan);
  --border-card:var(--bytes-coral);
  --border-subtle:#D7DEE6;
  --link:var(--bytes-navy);
  --link-hover:var(--bytes-coral);
}
[data-theme="dark"]{
  --surface-page:var(--bytes-navy);
  --surface-alt:var(--bytes-navy-2);
  --surface-card:var(--bytes-navy-2);
  --surface-inverse:var(--bytes-white);
  --text-primary:var(--bytes-white);
  --text-secondary:#AFBACD;
  --text-inverse:var(--bytes-navy);
  --accent-primary:var(--bytes-cyan);
  --accent-secondary:var(--bytes-lime);
  --border-card:var(--bytes-cyan);
  --border-subtle:#2A3654;
  --link:var(--bytes-white);
  --link-hover:var(--bytes-cyan);
}