/* Gegenereerd uit tokens/tokens.json — niet met de hand bewerken. */
:root{
  --dp-bg:#0B0A10;
  --dp-surface:#13111A;
  --dp-elevated:#1B1824;
  --dp-overlay:#25212F;
  --dp-raised:#322D3E;
  --dp-text:#F5F2F7;
  --dp-text-2:#B9B3C2;
  --dp-text-3:#8E879A;
  --dp-magenta-50:#FDEAF3;
  --dp-magenta-100:#FBD0E4;
  --dp-magenta-200:#F7A3CA;
  --dp-magenta-300:#F270AC;
  --dp-magenta-400:#EA4590;
  --dp-magenta-500:#DE207B;
  --dp-magenta-600:#B8145F;
  --dp-magenta-700:#900F4A;
  --dp-magenta-800:#6B0C38;
  --dp-magenta-900:#470826;
  --dp-magenta-950:#2A0516;
  --dp-glow:#FF3D9A;
  --dp-live:#DE207B;
  --dp-ok:#3DD68C;
  --dp-warn:#FFB547;
  --dp-error:#FF6B6B;
  --dp-font-display:Montserrat,"Arial Black",Arial,sans-serif;
  --dp-font-show:Jost,"Century Gothic",Arial,sans-serif;
  --dp-font-body:Poppins,Arial,sans-serif;
  --dp-font-meta:"IBM Plex Mono",ui-monospace,monospace;
  --dp-space-1:4px;
  --dp-space-2:8px;
  --dp-space-3:12px;
  --dp-space-4:16px;
  --dp-space-5:20px;
  --dp-space-6:24px;
  --dp-space-8:32px;
  --dp-space-10:40px;
  --dp-space-12:48px;
  --dp-space-16:64px;
  --dp-space-20:80px;
  --dp-space-24:96px;
  --dp-radius-xs:4px;
  --dp-radius-sm:8px;
  --dp-radius-md:12px;
  --dp-radius-lg:16px;
  --dp-radius-xl:24px;
  --dp-radius-2xl:32px;
  --dp-radius-pill:999px;
  --dp-shadow-e2:0px 8px 24px 0px #00000073;
  --dp-shadow-e3:0px 16px 48px 0px #0000008C;
  --dp-shadow-glow:0px 0px 24px 0px #FF3D9A80;
  --dp-shadow-focus:0px 0px 32px 0px #FF3D9A8C;
  --dp-dur-instant:80ms;
  --dp-dur-fast:140ms;
  --dp-dur-base:220ms;
  --dp-dur-slow:360ms;
  --dp-dur-deliberate:600ms;
  --dp-dur-ambient:2400ms;
  --dp-dur-beat-attack:30ms;
  --dp-dur-beat-release:280ms;
  --dp-ease-standard:cubic-bezier(0.2,0,0,1);
  --dp-ease-decel:cubic-bezier(0.05,0.7,0.1,1);
  --dp-ease-accel:cubic-bezier(0.3,0,0.8,0.15);
  --dp-ease-beat:cubic-bezier(0.2,0.6,0.3,1);
  --dp-version-scale:0.8;
}
@media (prefers-reduced-motion: reduce){:root{--dp-dur-fast:0ms;--dp-dur-base:0ms;--dp-dur-slow:120ms;--dp-dur-deliberate:120ms;--dp-dur-ambient:0ms}}
.dp-web-section{font-family:Montserrat,"Arial Black",Arial,sans-serif;font-weight:900;font-size:50px;line-height:55px;text-transform:uppercase}
.dp-web-program{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:50px;line-height:55px}
.dp-web-track{font-family:Montserrat,"Arial Black",Arial,sans-serif;font-weight:900;font-size:28px;line-height:30px;text-transform:uppercase}
.dp-web-show{font-family:Jost,"Century Gothic",Arial,sans-serif;font-weight:700;font-size:30px;line-height:32px;text-transform:uppercase}
.dp-web-artist{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:20px;line-height:24px;text-transform:uppercase}
.dp-web-body{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:20px;line-height:30px}
.dp-web-label{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-size:16px;line-height:20px;text-transform:uppercase}
.dp-web-meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:300;font-size:14px;line-height:20px}
.dp-phone-section{font-family:Montserrat,"Arial Black",Arial,sans-serif;font-weight:900;font-size:30px;line-height:34px;text-transform:uppercase}
.dp-phone-program{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:28px;line-height:32px}
.dp-phone-track{font-family:Montserrat,"Arial Black",Arial,sans-serif;font-weight:900;font-size:20px;line-height:24px;text-transform:uppercase}
.dp-phone-show{font-family:Jost,"Century Gothic",Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;text-transform:uppercase}
.dp-phone-artist{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;text-transform:uppercase}
.dp-phone-body{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:16px;line-height:24px}
.dp-phone-label{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-size:12px;line-height:16px;text-transform:uppercase}
.dp-phone-meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:300;font-size:12px;line-height:16px}
.dp-tv-section{font-family:Montserrat,"Arial Black",Arial,sans-serif;font-weight:900;font-size:72px;line-height:76px;text-transform:uppercase}
.dp-tv-program{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:56px;line-height:64px}
.dp-tv-track{font-family:Montserrat,"Arial Black",Arial,sans-serif;font-weight:900;font-size:48px;line-height:54px;text-transform:uppercase}
.dp-tv-show{font-family:Jost,"Century Gothic",Arial,sans-serif;font-weight:700;font-size:40px;line-height:44px;text-transform:uppercase}
.dp-tv-artist{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:28px;line-height:36px;text-transform:uppercase}
.dp-tv-body{font-family:Poppins,Arial,sans-serif;font-weight:400;font-size:28px;line-height:40px}
.dp-tv-label{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-size:24px;line-height:28px;text-transform:uppercase}
.dp-tv-meta{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:300;font-size:24px;line-height:32px}
/* Versie/remix: ondeelbaar blok, schuift als geheel naar de volgende regel */
.dp-version{display:inline-block;font-size:calc(var(--dp-version-scale)*1em);opacity:.8}