/* Affiliatewinkel design tokens. Preserve the approved homepage palette. */
:root {
  --ink: #18232e;
  --muted: #657180;
  --blue: #3b4ce8;
  --light: #f4f6fa;
  --line: #e0e5ec;
  --orange: #f29453;
  --yellow: #ffc000;
  --yellow-soft: #fff8dd;
  --yellow-ink: #30250d;
  --ochre: var(--yellow);
  --ochre-soft: var(--yellow-soft);
  --ochre-ink: var(--yellow-ink);
  --radius: 16px;
  --surface: #fff;
  --focus: #a4adff;
  --input-line: #cfd5e2;
  --input-focus: #8995a5;
  --navy: #020d20;
  --header-dark: #010109;
  --widget-fluid: radial-gradient(ellipse at 0% 0%,#b8cfe75c 0%,transparent 62%),radial-gradient(ellipse at 100% 100%,#a6b7cc40 0%,transparent 58%),radial-gradient(ellipse at 65% 15%,#ffffffdf 0%,transparent 70%),#f2f5f9;
  --widget-fluid-soft: radial-gradient(ellipse at 6% 0%,#d3e3f470 0%,transparent 65%),radial-gradient(ellipse at 95% 100%,#d4dfe966 0%,transparent 62%),#f5f8fc;
  --widget-fluid-dark: radial-gradient(ellipse at 0% 100%,#374d993d 0%,transparent 68%),radial-gradient(ellipse at 95% 0%,#5189bf2b 0%,transparent 65%),#020d20;
  --button-metal: radial-gradient(ellipse at 5% 0%,#466a98 0%,transparent 70%),radial-gradient(ellipse at 100% 100%,#283f6b 0%,transparent 70%),#374d99;
  --hero-background: var(--navy);
  --font-body: 'Work Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;
  --content-width: 1280px;
  --article-width: 820px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --motion-fast: .15s;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --text-11: 11px;
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-17: 17px;
  --text-18: 18px;
  --text-19: 19px;
  --text-20: 20px;
  --text-21: 21px;
  --text-23: 23px;
  --text-25: 25px;
  --text-27: 27px;
  --text-28: 28px;
  --text-31: 31px;
  --text-35: 35px;
  --text-36: 36px;
  --text-38: 38px;
  --tone-18232e06: #18232e06;
  --tone-485367: #485367;
  --tone-a5aff0: #a5aff0;
  --tone-edf0f5: #edf0f5;
  --tone-eef0ff: #eef0ff;
  --tone-5968b0: #5968b0;
  --tone-192b3d: #192b3d;
  --tone-c5ced9: #c5ced9;
  --tone-ffb480: #ffb480;
  --tone-607182: #607182;
  --tone-f7f8fb: #f7f8fb;
  --tone-4c5868: #4c5868;
  --tone-243c5710: #243c5710;
  --tone-f1f3f6: #f1f3f6;
  --tone-24765d: #24765d;
  --tone-ecf7f1: #ecf7f1;
  --tone-916318: #916318;
  --tone-fff6e5: #fff6e5;
  --tone-99515a: #99515a;
  --tone-fff0f0: #fff0f0;
  --tone-f1f3ff: #f1f3ff;
  --tone-b0caff: #b0caff;
  --tone-c5d8fa: #c5d8fa;
  --tone-d9e3f3: #d9e3f3;
  --tone-15243b: #15243b;
  --tone-c3cfdf: #c3cfdf;
  --tone-52647c: #52647c;
  --tone-b9c3d1: #b9c3d1;
  --tone-18232e0d: #18232e0d;
  --tone-18232e18: #18232e18;
  --tone-f0f2f5: #f0f2f5;
}
:root {
  --motion-hover: 180ms;
  --ease-ui: cubic-bezier(.2,.7,.2,1);
  --shadow-hover: 0 4px 14px #18232e10;
}