/* DS0: één tokenbron. De bestaande selectors blijven voorlopig de cascade bepalen.
   --ll-legacy-* bewaart exact de waarden van 47a325b; geen merkkleurmigratie.
   De canonieke schaal is klaar voor latere, afzonderlijk gereviewde componenten.
   Breekpunten zijn documentconstanten: 600 / 1024 / 1440 px, geen var() in @media. */
:root {
  --ll-white: #fff;
  --ll-brand-50: #eef8f9;
  --ll-brand-100: var(--ll-theme-heldere-haven-soft);
  --ll-brand-500: var(--ll-theme-heldere-haven-primary);
  --ll-brand-600: #007c88;
  --ll-brand-700: #00666f;
  --ll-on-brand: var(--ll-white);

  /* Canonieke accentidentiteit; één kleurpaar per thema, ook in donkere modus. */
  --ll-theme-heldere-haven-primary: #009aa8;
  --ll-theme-heldere-haven-soft: #cceaed;
  --ll-theme-groene-groei-primary: #4f8a5b;
  --ll-theme-groene-groei-soft: #ddeedf;
  --ll-theme-warme-gloed-primary: #d88b2d;
  --ll-theme-warme-gloed-soft: #f7e7cc;
  --ll-theme-lavendelrust-primary: #7b6ba8;
  --ll-theme-lavendelrust-soft: #e7e1f2;

  --ll-bg-light: #f8f9f5;
  --ll-surface-light: var(--ll-white);
  --ll-surface-subtle-light: #f2f6f3;
  --ll-ink-light: #203b39;
  --ll-ink-2-light: #586d68;
  --ll-ink-3-light: #7c8e89;
  --ll-line-light: #dce5df;
  --ll-line-strong-light: #c3d1c9;
  --ll-focus-light: var(--ll-brand-600);
  --ll-bg-dark: #142320;
  --ll-surface-dark: #1e302b;
  --ll-surface-subtle-dark: #1a2a26;
  --ll-ink-dark: #edf4ee;
  --ll-ink-2-dark: #b4c6ba;
  --ll-ink-3-dark: #8ea39a;
  --ll-line-dark: #3c5147;
  --ll-line-strong-dark: #4d6458;
  --ll-focus-dark: #5fd0da;
  --ll-bg: var(--ll-bg-light);
  --ll-surface: var(--ll-surface-light);
  --ll-surface-subtle: var(--ll-surface-subtle-light);
  --ll-ink: var(--ll-ink-light);
  --ll-quiet-ink: var(--ll-ink);
  --ll-ink-2: var(--ll-ink-2-light);
  --ll-ink-3: var(--ll-ink-3-light);
  --ll-line: var(--ll-line-light);
  --ll-line-strong: var(--ll-line-strong-light);
  --ll-focus: var(--ll-focus-light);

  --ll-success: #2e7d32;
  --ll-success-soft: #e6f2e7;
  --ll-warning: #7a5200;
  --ll-warning-soft: #fbf1dc;
  --ll-danger: #a4402a;
  --ll-danger-soft: #f7e4dc;
  --ll-info: var(--ll-brand-700);

  /* P2B.1: opdrachttonen; alleen aliassen op bestaande kleuren. */
  --ll-mag-soft: var(--ll-success-soft);
  --ll-mag-line: var(--ll-success);
  --ll-moet-soft: var(--ll-danger-soft);
  --ll-moet-line: var(--ll-danger);

  /* Huidige werelden: ook hun tinten worden pas in een schermmigratie gewijzigd. */
  --ll-lees-50: var(--ll-brand-50);
  --ll-lees-100: var(--ll-brand-100);
  --ll-lees-ink: var(--ll-ink-light);
  --ll-gevoel-50: #fff4e8;
  --ll-gevoel-100: #ffe6cc;
  --ll-gevoel-600: #3b7974;
  --ll-gevoel-ink: #493321;
  --ll-scene-sky: #edf5ef;
  --ll-scene-hill-back: #dcebdc;
  --ll-scene-hill-front: #c8dfca;
  --ll-scene-cloud: var(--ll-white);
  --ll-illu-line: #30494b;
  --ll-illu-sun: #f0b429;
  --ll-illu-plant: #3c9a5f;

  /* Groeiwereld: approved paper/landscape palette; interface ink and actions
     continue to follow the existing theme. No global palette replacement. */
  --ll-z-decor:-1;
  --ll-growth-paper-light: #faf6e9;
  --ll-growth-hill-back-light: #edf0dc;
  --ll-growth-hill-middle-light: #dfe8d1;
  --ll-growth-hill-front-light: #ceddbd;
  --ll-growth-paper: var(--ll-growth-paper-light);
  --ll-growth-hill-back: var(--ll-growth-hill-back-light);
  --ll-growth-hill-middle: var(--ll-growth-hill-middle-light);
  --ll-growth-hill-front: var(--ll-growth-hill-front-light);
  --ll-growth-header-height: 96px;
  --ll-growth-header-height-mobile: 88px;
  --ll-growth-logo-width: 180px;
  --ll-growth-logo-height: 72px;
  --ll-growth-logo-width-mobile: 152px;
  --ll-growth-logo-height-mobile: 64px;
  --ll-growth-hero-width: 700px;
  --ll-growth-worlds-width: 1130px;
  --ll-growth-description-width: 34ch;
  --ll-growth-hero-description-width: 58ch;
  --ll-growth-description-height: 48px;
  --ll-growth-title-size: clamp(34px,4.2vw,53px);
  --ll-growth-title-size-tablet: 40px;
  --ll-growth-title-spacing: -1.5px;
  --ll-growth-title-spacing-mobile: -1px;
  --ll-growth-art-height: clamp(280px,25vw,360px);
  --ll-growth-art-height-tablet: 280px;
  --ll-growth-art-height-mobile: 256px;
  --ll-growth-landscape-height: 260px;
  --ll-growth-landscape-height-mobile: 430px;

  --ll-font-ui: "Open Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --ll-font-reading-alt: Andika, "Open Sans", system-ui, sans-serif;
  --ll-reading-text-size: var(--ll-title-lg);
  --ll-reading-text-size-mobile: var(--ll-space-5);
  --ll-my-labo-world-height: clamp(calc(var(--ll-space-8)*4.5),46vh,calc(var(--ll-space-8)*8));
  --ll-my-labo-world-height-tablet: clamp(calc(var(--ll-space-8)*4.5),32vh,calc(var(--ll-space-8)*8));
  --ll-my-labo-world-height-mobile: clamp(calc(var(--ll-space-8)*3),30vh,calc(var(--ll-space-8)*4.5));
  --ll-text-xs: 12px;
  --ll-text-sm: 14px;
  --ll-text-md: 16px;
  --ll-text-lg: 18px;
  --ll-title-sm: 18px;
  --ll-title-md: 22px;
  --ll-title-lg: 28px;
  --ll-title-xl: 34px;
  --ll-section-title-line: 26px;
  --ll-summary-number-line: 1.3;
  --ll-weight-regular: 400;
  --ll-weight-semibold: 600;
  --ll-weight-bold: 700;
  --ll-read-size-standard: 1;
  --ll-read-size-plus10: 1.1;
  --ll-read-size-plus20: 1.2;
  --ll-read-size-plus30: 1.3;
  --ll-read-line-compact: 1.6;
  --ll-read-line-normal: 1.95;
  --ll-read-line-roomy: 2.15;
  --ll-read-line-extra-roomy: 2.4;
  --ll-read-letter-standard: 0;
  --ll-read-letter-slightly-wide: .05em;
  --ll-read-letter-wide: .1em;
  --ll-read-width-wide: 72ch;
  --ll-read-width-normal: 60ch;
  --ll-read-width-narrow: 45ch;
  --ll-read-width-very-narrow: 32ch;
  --ll-read-size: var(--ll-read-size-standard);
  --ll-read-line: var(--ll-read-line-normal);
  --ll-read-letter: var(--ll-read-letter-standard);
  --ll-read-width: var(--ll-read-width-wide);

  /* Native Leeshulp: leesvlak staat los van globaal accent/thema.
     cream/green/blue zijn de bestaande .kl-* kleuren, geen nieuw palet. */
  --ll-read-bg-auto: var(--ll-surface);
  --ll-read-ink-auto: var(--ll-ink);
  --ll-read-line-auto: var(--ll-line);
  --ll-read-bg-white: var(--ll-white);
  --ll-read-ink-white: var(--ll-ink-light);
  --ll-read-line-white: var(--ll-line);
  --ll-read-bg-dark: var(--ll-bg-dark);
  --ll-read-ink-dark: var(--ll-ink-dark);
  --ll-read-line-dark: var(--ll-line-dark);
  --ll-read-bg-cream: #fbf3df;
  --ll-read-ink-cream: #2b2416;
  --ll-read-line-cream: #e2d5b3;
  --ll-read-bg-green: #e4f4e6;
  --ll-read-ink-green: #15301a;
  --ll-read-line-green: #b8dcbd;
  --ll-read-bg-blue: #e3f0fb;
  --ll-read-ink-blue: #14283a;
  --ll-read-line-blue: #b7d3ea;
  --ll-read-bg-yellow: var(--ll-legacy-admin-sun-soft-light);
  --ll-read-ink-yellow: var(--ll-read-ink-cream);
  --ll-read-line-yellow: var(--ll-line);
  --ll-read-bg-mint: var(--ll-legacy-lees-bg);
  --ll-read-ink-mint: var(--ll-ink-light);
  --ll-read-line-mint: var(--ll-line);
  --ll-read-bg-lavender: var(--ll-theme-lavendelrust-soft);
  --ll-read-ink-lavender: var(--ll-ink-light);
  --ll-read-line-lavender: var(--ll-line);
  --ll-read-bg-peach: var(--ll-gevoel-100);
  --ll-read-ink-peach: var(--ll-read-ink-cream);
  --ll-read-line-peach: var(--ll-line);
  --ll-read-dim-opacity: .35;
  --ll-wc-purple-light: var(--ll-legacy-public-leaf-text-lavender);
  --ll-wc-purple-dark: #c3b3ec; /* enige nieuwe, bindend toegestane kleur */
  --ll-wc-terracotta-light: var(--ll-danger);
  --ll-wc-terracotta-dark: var(--ll-legacy-app-moet-dark);
  --ll-wc-green-light: var(--ll-legacy-public-leaf-text-green);
  --ll-wc-green-dark: var(--ll-legacy-app-mag-dark);
  --ll-wc-ochre-light: var(--ll-warning);
  --ll-wc-ochre-dark: var(--ll-legacy-app-sun-dark);
  --ll-wc-blue-light: var(--ll-legacy-app-blue-light);
  --ll-wc-blue-dark: var(--ll-legacy-app-blue-dark);
  --ll-wc-purple: var(--ll-wc-purple-light);
  --ll-wc-terracotta: var(--ll-wc-terracotta-light);
  --ll-wc-green: var(--ll-wc-green-light);
  --ll-wc-ochre: var(--ll-wc-ochre-light);
  --ll-wc-blue: var(--ll-wc-blue-light);
  --ll-control-size-lg: 52px;
  --ll-slider-thumb: var(--ll-space-5);
  --ll-slider-track: var(--ll-space-1);
  --ll-slider-thumb-offset: calc((var(--ll-slider-track) - var(--ll-slider-thumb)) / 2);
  --ll-swatch-sample-width: var(--ll-space-8);
  --ll-swatch-color-size: var(--ll-space-6);
  --ll-reading-panel-width: 360px;
  --ll-reading-panel-sheet-height: 60dvh;
  --ll-reading-panel-mobile-height: 40dvh;
  --ll-reading-panel-full-height: 100dvh;
  --ll-reading-panel-radius: var(--ll-radius-lg) var(--ll-radius-lg) 0 0;
  --ll-reading-panel-handle-margin: 0 auto var(--ll-space-3);

  --ll-space-0: 0;
  --ll-space-1: 4px;
  --ll-space-2: 8px;
  --ll-space-3: 12px;
  --ll-space-4: 16px;
  --ll-space-5: 24px;
  --ll-space-6: 32px;
  --ll-space-7: 48px;
  --ll-space-8: 64px;
  --ll-radius-sm: 8px;
  --ll-radius-md: 12px;
  --ll-radius-lg: 16px;
  --ll-radius-xl: 24px;
  --ll-radius-pill: 999px;
  --ll-radius-round: 50%;
  --ll-radius-card-legacy: var(--ll-radius-xl);
  --ll-radius-legacy-18: 18px;
  --ll-border-width: 1px;
  --ll-border-width-strong: 2px;
  --ll-shadow-0: none;
  --ll-shadow-1: 0 2px 8px rgba(32,59,57,.08);
  --ll-shadow-2: 0 16px 48px rgba(32,59,57,.16);
  --ll-shadow-soft-legacy: 0 6px 28px rgba(24,54,47,.045);
  --ll-shadow-soft-dark-legacy: 0 6px 28px rgba(0,0,0,.25);
  --ll-duration-fast: 150ms;
  --ll-duration-base: 220ms;
  --ll-duration-slow: 500ms;
  --ll-ease: cubic-bezier(.2,.8,.2,1);
  --ll-z-base: 0;
  --ll-z-raised: 1;
  --ll-z-sticky: 10;
  --ll-z-menu: 20;
  --ll-z-overlay: 50;
  --ll-z-dialog: 60;
  --ll-z-toast: 70;
  --ll-z-legacy-support-scrim: 140;
  --ll-z-legacy-support-sheet: 141;
  --ll-z-legacy-appearance: 1000;
  --ll-overlay-backdrop: rgba(20,40,30,.28);
  --ll-dialog-sm: 420px;
  --ll-dialog-md: 560px;
  --ll-dialog-lg: 800px;
  --ll-drawer-width: 440px;
  --ll-content-coach: 1200px;
  /* P2A: measured inner width at 1440px on 970a703 / runtime ca1d995. */
  --ll-legacy-coach-content: 834px;
  --ll-content-child: 920px;
  --ll-content-reading: 72ch;
}

/* Alleen nieuwe canonieke tokens volgen deze modus. Legacy-aliassen verwijzen
   naar vaste lichte/donkere basistokens onder hun oorspronkelijke selectors. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ll-growth-paper: var(--ll-bg-dark);
    --ll-growth-hill-back: var(--ll-surface-subtle-dark);
    --ll-growth-hill-middle: var(--ll-surface-dark);
    --ll-growth-hill-front: var(--ll-line-dark);
    --ll-bg: var(--ll-bg-dark);
    --ll-surface: var(--ll-surface-dark);
    --ll-surface-subtle: var(--ll-surface-subtle-dark);
    --ll-ink: var(--ll-ink-dark);
    --ll-ink-2: var(--ll-ink-2-dark);
    --ll-ink-3: var(--ll-ink-3-dark);
    --ll-line: var(--ll-line-dark);
    --ll-line-strong: var(--ll-line-strong-dark);
    --ll-focus: var(--ll-focus-dark);
    --ll-on-brand: #0e2225;
    --ll-mag-soft: var(--ll-legacy-app-mag-soft-dark);
    --ll-mag-line: var(--ll-legacy-app-mag-dark);
    --ll-moet-soft: var(--ll-legacy-app-moet-soft-dark);
    --ll-moet-line: var(--ll-legacy-app-moet-dark);
  }
}
:root[data-theme="dark"] {
  --ll-mag-soft: var(--ll-legacy-app-mag-soft-dark);
  --ll-mag-line: var(--ll-legacy-app-mag-dark);
  --ll-moet-soft: var(--ll-legacy-app-moet-soft-dark);
  --ll-moet-line: var(--ll-legacy-app-moet-dark);
  --ll-growth-paper: var(--ll-bg-dark);
  --ll-growth-hill-back: var(--ll-surface-subtle-dark);
  --ll-growth-hill-middle: var(--ll-surface-dark);
  --ll-growth-hill-front: var(--ll-line-dark);
  --ll-bg: var(--ll-bg-dark);
  --ll-surface: var(--ll-surface-dark);
  --ll-surface-subtle: var(--ll-surface-subtle-dark);
  --ll-ink: var(--ll-ink-dark);
  --ll-ink-2: var(--ll-ink-2-dark);
  --ll-ink-3: var(--ll-ink-3-dark);
  --ll-line: var(--ll-line-dark);
  --ll-line-strong: var(--ll-line-strong-dark);
  --ll-focus: var(--ll-focus-dark);
  --ll-on-brand: #0e2225;
}

/* Vaste legacy-paletwaarden; selector/cascade blijft in de oorspronkelijke bestanden. */
:root {
  --ll-legacy-lees-bg: #e5f2ef;
  --ll-legacy-gevoel-bg: #fff0df;
  --ll-legacy-lees-accent: #21645c;
  --ll-legacy-app-bg-light: #f3fafb;
  --ll-legacy-app-ink-light: #132326;
  --ll-legacy-app-ink-2-light: #4a6266;
  --ll-legacy-app-line-light: #cddfe1;
  --ll-legacy-app-on-brand-light: #04191c;
  --ll-legacy-app-on-sun-light: #3a2a00;
  --ll-legacy-app-moet-light: #b3261e;
  --ll-legacy-app-moet-soft-light: #fbe4e2;
  --ll-legacy-app-mag-soft-light: #e3f3e4;
  --ll-legacy-app-blue-light: #33587a;
  --ll-legacy-app-blue-soft-light: #e3ecf5;
  --ll-legacy-app-focus-light: #1a56c8;
  --ll-legacy-app-av-l-light: 84%;
  --ll-legacy-app-lucht2-light: var(--ll-legacy-app-bg-light);
  --ll-legacy-app-gloed-light: rgba(255,255,255,.95);
  --ll-legacy-app-heuvel-light: rgba(0,154,168,.28);
  --ll-legacy-app-bg-dark: #0e1a1c;
  --ll-legacy-app-surface-dark: #16272a;
  --ll-legacy-app-ink-dark: #e4f1f2;
  --ll-legacy-app-ink-2-dark: #9fb8bb;
  --ll-legacy-app-line-dark: #27403f;
  --ll-legacy-app-brand-soft-dark: #15393d;
  --ll-legacy-app-leaf-text-dark: #5fd0da;
  --ll-legacy-app-plant-dark: #66c084;
  --ll-legacy-app-sun-dark: #f2c04d;
  --ll-legacy-app-sun-soft-dark: #3d3418;
  --ll-legacy-app-warn-dark: #f0a48c;
  --ll-legacy-app-warn-soft-dark: #3b211a;
  --ll-legacy-app-moet-dark: #ff9b93;
  --ll-legacy-app-moet-soft-dark: #411f1d;
  --ll-legacy-app-mag-dark: #8fd394;
  --ll-legacy-app-mag-soft-dark: #1b3320;
  --ll-legacy-app-blue-dark: #9cc2e4;
  --ll-legacy-app-blue-soft-dark: #1f3345;
  --ll-legacy-app-focus-dark: #8ab4ff;
  --ll-legacy-app-av-l-dark: 30%;
  --ll-legacy-app-lucht1-dark: #0f3a40;
  --ll-legacy-app-lucht2-dark: var(--ll-legacy-app-bg-dark);
  --ll-legacy-app-wolk-dark: #1d4a51;
  --ll-legacy-app-gloed-dark: var(--ll-legacy-app-heuvel-light);
  --ll-legacy-app-heuvel-dark: rgba(0,154,168,.38);
  --ll-legacy-app-brand-green: var(--ll-theme-groene-groei-primary);
  --ll-legacy-app-on-brand-green: #101c12;
  --ll-legacy-app-brand-soft-green: var(--ll-theme-groene-groei-soft);
  --ll-legacy-app-leaf-text-green: #2e5135;
  --ll-legacy-app-bg-green: #f7fbf7;
  --ll-legacy-app-lucht1-green: var(--ll-legacy-app-brand-soft-green);
  --ll-legacy-app-lucht2-green: var(--ll-legacy-app-bg-green);
  --ll-legacy-app-heuvel-green: rgba(79,138,91,.28);
  --ll-legacy-app-bg-green-dark: #101611;
  --ll-legacy-app-surface-green-dark: #1c241d;
  --ll-legacy-app-line-green-dark: #2f3c32;
  --ll-legacy-app-brand-soft-green-dark: #203424;
  --ll-legacy-app-leaf-text-green-dark: #9ec7a6;
  --ll-legacy-app-lucht1-green-dark: #1c3420;
  --ll-legacy-app-lucht2-green-dark: var(--ll-legacy-app-bg-green-dark);
  --ll-legacy-app-wolk-green-dark: #243a28;
  --ll-legacy-app-gloed-green-dark: var(--ll-legacy-app-heuvel-green);
  --ll-legacy-app-heuvel-green-dark: rgba(79,138,91,.38);
  --ll-legacy-app-brand-warm: var(--ll-theme-warme-gloed-primary);
  --ll-legacy-app-on-brand-warm: #251707;
  --ll-legacy-app-brand-soft-warm: var(--ll-theme-warme-gloed-soft);
  --ll-legacy-app-leaf-text-warm: #6c4414;
  --ll-legacy-app-bg-warm: #fdfaf4;
  --ll-legacy-app-lucht1-warm: var(--ll-legacy-app-brand-soft-warm);
  --ll-legacy-app-lucht2-warm: var(--ll-legacy-app-bg-warm);
  --ll-legacy-app-heuvel-warm: rgba(216,139,45,.28);
  --ll-legacy-app-bg-warm-dark: #1a140c;
  --ll-legacy-app-surface-warm-dark: #2b2115;
  --ll-legacy-app-line-warm-dark: #463725;
  --ll-legacy-app-brand-soft-warm-dark: #442d10;
  --ll-legacy-app-leaf-text-warm-dark: #e7b87e;
  --ll-legacy-app-lucht1-warm-dark: #3a2a12;
  --ll-legacy-app-lucht2-warm-dark: var(--ll-legacy-app-bg-warm-dark);
  --ll-legacy-app-wolk-warm-dark: #33270f;
  --ll-legacy-app-gloed-warm-dark: var(--ll-legacy-app-heuvel-warm);
  --ll-legacy-app-heuvel-warm-dark: rgba(216,139,45,.38);
  --ll-legacy-app-brand-lavender: var(--ll-theme-lavendelrust-primary);
  --ll-legacy-app-on-brand-lavender: #13101b;
  --ll-legacy-app-brand-soft-lavender: var(--ll-theme-lavendelrust-soft);
  --ll-legacy-app-leaf-text-lavender: #382f50;
  --ll-legacy-app-bg-lavender: #f8f6fb;
  --ll-legacy-app-lucht1-lavender: var(--ll-legacy-app-brand-soft-lavender);
  --ll-legacy-app-lucht2-lavender: var(--ll-legacy-app-bg-lavender);
  --ll-legacy-app-heuvel-lavender: rgba(123,107,168,.28);
  --ll-legacy-app-bg-lavender-dark: #121016;
  --ll-legacy-app-surface-lavender-dark: #1e1c24;
  --ll-legacy-app-line-lavender-dark: #332f3c;
  --ll-legacy-app-brand-soft-lavender-dark: #252034;
  --ll-legacy-app-leaf-text-lavender-dark: #a99fc6;
  --ll-legacy-app-lucht1-lavender-dark: #2a2536;
  --ll-legacy-app-lucht2-lavender-dark: var(--ll-legacy-app-bg-lavender-dark);
  --ll-legacy-app-wolk-lavender-dark: #221f2a;
  --ll-legacy-app-gloed-lavender-dark: var(--ll-legacy-app-heuvel-lavender);
  --ll-legacy-app-heuvel-lavender-dark: rgba(123,107,168,.38);
  --ll-legacy-public-brand-light: #16776f;
  --ll-legacy-public-brand-soft-light: #e8f2eb;
  --ll-legacy-public-leaf-text-light: #176b61;
  --ll-legacy-public-lucht1-light: #edf4eb;
  --ll-legacy-public-heuvel-light: #dceade;
  --ll-legacy-public-focus-light: #44659b;
  --ll-legacy-public-brand-dark: #9bd3ba;
  --ll-legacy-public-on-brand-dark: #142d24;
  --ll-legacy-public-brand-soft-dark: #2d493c;
  --ll-legacy-public-leaf-text-dark: #b2e1c7;
  --ll-legacy-public-lucht1-dark: #223b30;
  --ll-legacy-public-heuvel-dark: #32523e;
  --ll-legacy-public-focus-dark: #add4ff;
  --ll-legacy-public-brand-green: #3f714d;
  --ll-legacy-public-brand-soft-green: #e8f0e5;
  --ll-legacy-public-leaf-text-green: #365f3d;
  --ll-legacy-public-brand-warm: #99611e;
  --ll-legacy-public-brand-soft-warm: #f7eedf;
  --ll-legacy-public-leaf-text-warm: #85541c;
  --ll-legacy-public-brand-lavender: #726099;
  --ll-legacy-public-brand-soft-lavender: #efebf5;
  --ll-legacy-public-leaf-text-lavender: #67538b;
  --ll-legacy-public-brand-soft-accent-dark: #2d3f36;
  --ll-legacy-public-leaf-text-accent-dark: #d4dfce;
  --ll-legacy-public-lw-zon-light: #fffaf1;
  --ll-legacy-public-lw-melding-light: #8a3d2b;
  --ll-legacy-public-lw-hemel-dark: #18302a;
  --ll-legacy-public-lw-melding-dark: #f2b8a6;
  --ll-legacy-account-ink-light: #244d42;
  --ll-legacy-account-bg-light: #fffdf7;
  --ll-legacy-account-line-light: #bfd1c7;
  --ll-brand-legacy-account: #086d70;
  --ll-legacy-account-ink-dark: #e1eee4;
  --ll-legacy-account-bg-dark: #20312c;
  --ll-legacy-account-line-dark: #698478;
  --ll-legacy-account-mint-dark: #2b4238;
  --ll-legacy-account-selected-dark: var(--ll-legacy-account-mint-dark);
  --ll-legacy-account-focus-dark: #9cdbcf;
  --ll-legacy-shell-bg-dark: #142321;
  --ll-legacy-shell-surface-dark: #20332e;
  --ll-legacy-shell-ink-dark: #e5efeb;
  --ll-legacy-shell-ink-2-dark: #b4c9c0;
  --ll-legacy-shell-line-dark: #466459;
  --ll-legacy-scene-destination-wash-light: #eef3d7;
  --ll-legacy-login-brand-light: #187c78;
  --ll-legacy-admin-bg-light: var(--ll-legacy-app-bg-light);
  --ll-legacy-admin-ink-light: var(--ll-legacy-app-ink-light);
  --ll-legacy-admin-ink-2-light: var(--ll-legacy-app-ink-2-light);
  --ll-legacy-admin-line-light: var(--ll-legacy-app-line-light);
  --ll-legacy-admin-on-brand-light: var(--ll-legacy-app-on-brand-light);
  --ll-legacy-admin-moet-light: var(--ll-legacy-app-moet-light);
  --ll-legacy-admin-moet-soft-light: var(--ll-legacy-app-moet-soft-light);
  --ll-legacy-admin-mag-soft-light: var(--ll-legacy-app-mag-soft-light);
  --ll-legacy-admin-sun-light: #b8860a;
  --ll-legacy-admin-sun-soft-light: #fdf1d6;
  --ll-legacy-admin-blue-light: var(--ll-legacy-app-focus-light);
  --ll-legacy-admin-blue-soft-light: #e3ecf9;
  --ll-legacy-admin-grijs-soft-light: #eef2f2;
  --ll-legacy-admin-focus-light: var(--ll-legacy-app-focus-light);
  --ll-legacy-admin-lucht2-light: var(--ll-legacy-app-bg-light);
  --ll-legacy-admin-bg-dark: var(--ll-legacy-app-bg-dark);
  --ll-legacy-admin-surface-dark: var(--ll-legacy-app-surface-dark);
  --ll-legacy-admin-ink-dark: var(--ll-legacy-app-ink-dark);
  --ll-legacy-admin-ink-2-dark: var(--ll-legacy-app-ink-2-dark);
  --ll-legacy-admin-line-dark: var(--ll-legacy-app-line-dark);
  --ll-legacy-admin-brand-soft-dark: var(--ll-legacy-app-brand-soft-dark);
  --ll-legacy-admin-leaf-text-dark: var(--ll-legacy-app-leaf-text-dark);
  --ll-legacy-admin-moet-dark: var(--ll-legacy-app-moet-dark);
  --ll-legacy-admin-moet-soft-dark: var(--ll-legacy-app-moet-soft-dark);
  --ll-legacy-admin-mag-dark: var(--ll-legacy-app-mag-dark);
  --ll-legacy-admin-mag-soft-dark: var(--ll-legacy-app-mag-soft-dark);
  --ll-legacy-admin-sun-dark: var(--ll-legacy-app-sun-dark);
  --ll-legacy-admin-sun-soft-dark: var(--ll-legacy-app-sun-soft-dark);
  --ll-legacy-admin-blue-dark: var(--ll-legacy-app-focus-dark);
  --ll-legacy-admin-blue-soft-dark: #1c2b40;
  --ll-legacy-admin-grijs-soft-dark: #1c2a2b;
  --ll-legacy-admin-focus-dark: var(--ll-legacy-app-focus-dark);
  --ll-legacy-admin-lucht1-dark: var(--ll-legacy-app-lucht1-dark);
  --ll-legacy-admin-lucht2-dark: var(--ll-legacy-app-bg-dark);
  --ll-legacy-admin-wolk-dark: var(--ll-legacy-app-wolk-dark);
  --ll-legacy-admin-brand-green: var(--ll-legacy-app-brand-green);
  --ll-legacy-admin-on-brand-green: var(--ll-legacy-app-on-brand-green);
  --ll-legacy-admin-brand-soft-green: var(--ll-legacy-app-brand-soft-green);
  --ll-legacy-admin-leaf-text-green: var(--ll-legacy-app-leaf-text-green);
  --ll-legacy-admin-bg-green: var(--ll-legacy-app-bg-green);
  --ll-legacy-admin-lucht1-green: var(--ll-legacy-app-brand-soft-green);
  --ll-legacy-admin-lucht2-green: var(--ll-legacy-app-bg-green);
  --ll-legacy-admin-bg-green-dark: var(--ll-legacy-app-bg-green-dark);
  --ll-legacy-admin-surface-green-dark: var(--ll-legacy-app-surface-green-dark);
  --ll-legacy-admin-line-green-dark: var(--ll-legacy-app-line-green-dark);
  --ll-legacy-admin-brand-soft-green-dark: var(--ll-legacy-app-brand-soft-green-dark);
  --ll-legacy-admin-leaf-text-green-dark: var(--ll-legacy-app-leaf-text-green-dark);
  --ll-legacy-admin-lucht1-green-dark: var(--ll-legacy-app-lucht1-green-dark);
  --ll-legacy-admin-lucht2-green-dark: var(--ll-legacy-app-bg-green-dark);
  --ll-legacy-admin-wolk-green-dark: var(--ll-legacy-app-wolk-green-dark);
  --ll-legacy-admin-brand-warm: var(--ll-legacy-app-brand-warm);
  --ll-legacy-admin-on-brand-warm: var(--ll-legacy-app-on-brand-warm);
  --ll-legacy-admin-brand-soft-warm: var(--ll-legacy-app-brand-soft-warm);
  --ll-legacy-admin-leaf-text-warm: var(--ll-legacy-app-leaf-text-warm);
  --ll-legacy-admin-bg-warm: var(--ll-legacy-app-bg-warm);
  --ll-legacy-admin-lucht1-warm: var(--ll-legacy-app-brand-soft-warm);
  --ll-legacy-admin-lucht2-warm: var(--ll-legacy-app-bg-warm);
  --ll-legacy-admin-bg-warm-dark: var(--ll-legacy-app-bg-warm-dark);
  --ll-legacy-admin-surface-warm-dark: var(--ll-legacy-app-surface-warm-dark);
  --ll-legacy-admin-line-warm-dark: var(--ll-legacy-app-line-warm-dark);
  --ll-legacy-admin-brand-soft-warm-dark: var(--ll-legacy-app-brand-soft-warm-dark);
  --ll-legacy-admin-leaf-text-warm-dark: var(--ll-legacy-app-leaf-text-warm-dark);
  --ll-legacy-admin-lucht1-warm-dark: var(--ll-legacy-app-lucht1-warm-dark);
  --ll-legacy-admin-lucht2-warm-dark: var(--ll-legacy-app-bg-warm-dark);
  --ll-legacy-admin-wolk-warm-dark: var(--ll-legacy-app-wolk-warm-dark);
  --ll-legacy-admin-brand-lavender: var(--ll-legacy-app-brand-lavender);
  --ll-legacy-admin-on-brand-lavender: var(--ll-legacy-app-on-brand-lavender);
  --ll-legacy-admin-brand-soft-lavender: var(--ll-legacy-app-brand-soft-lavender);
  --ll-legacy-admin-leaf-text-lavender: var(--ll-legacy-app-leaf-text-lavender);
  --ll-legacy-admin-bg-lavender: var(--ll-legacy-app-bg-lavender);
  --ll-legacy-admin-lucht1-lavender: var(--ll-legacy-app-brand-soft-lavender);
  --ll-legacy-admin-lucht2-lavender: var(--ll-legacy-app-bg-lavender);
  --ll-legacy-admin-bg-lavender-dark: var(--ll-legacy-app-bg-lavender-dark);
  --ll-legacy-admin-surface-lavender-dark: var(--ll-legacy-app-surface-lavender-dark);
  --ll-legacy-admin-line-lavender-dark: var(--ll-legacy-app-line-lavender-dark);
  --ll-legacy-admin-brand-soft-lavender-dark: var(--ll-legacy-app-brand-soft-lavender-dark);
  --ll-legacy-admin-leaf-text-lavender-dark: var(--ll-legacy-app-leaf-text-lavender-dark);
  --ll-legacy-admin-lucht1-lavender-dark: var(--ll-legacy-app-lucht1-lavender-dark);
  --ll-legacy-admin-lucht2-lavender-dark: var(--ll-legacy-app-bg-lavender-dark);
  --ll-legacy-admin-wolk-lavender-dark: var(--ll-legacy-app-wolk-lavender-dark);
}

/* BEGIN legacy admin aliases (oorspronkelijke specificiteit) */
:root:where(.ll-admin){
  --bg:var(--ll-legacy-admin-bg-light); --surface:var(--ll-white); --ink:var(--ll-legacy-admin-ink-light); --ink-2:var(--ll-legacy-admin-ink-2-light); --line:var(--ll-legacy-admin-line-light);
  --brand:var(--ll-brand-500); --on-brand:var(--ll-legacy-admin-on-brand-light); --brand-soft:var(--ll-brand-100); --leaf-text:var(--ll-brand-700);
  --moet:var(--ll-legacy-admin-moet-light); --moet-soft:var(--ll-legacy-admin-moet-soft-light); --mag:var(--ll-success); --mag-soft:var(--ll-legacy-admin-mag-soft-light);
  --sun:var(--ll-legacy-admin-sun-light); --sun-soft:var(--ll-legacy-admin-sun-soft-light); --blue:var(--ll-legacy-admin-blue-light); --blue-soft:var(--ll-legacy-admin-blue-soft-light); --grijs-soft:var(--ll-legacy-admin-grijs-soft-light);
  --focus:var(--ll-legacy-admin-focus-light); --lucht1:var(--ll-brand-100); --lucht2:var(--ll-legacy-admin-lucht2-light); --wolk:var(--ll-white);
  color-scheme:light; box-sizing:border-box;
}
:root:where(.ll-admin)[data-theme="dark"]{
  --bg:var(--ll-legacy-admin-bg-dark); --surface:var(--ll-legacy-admin-surface-dark); --ink:var(--ll-legacy-admin-ink-dark); --ink-2:var(--ll-legacy-admin-ink-2-dark); --line:var(--ll-legacy-admin-line-dark);
  --brand:var(--ll-brand-500); --on-brand:var(--ll-legacy-admin-on-brand-light); --brand-soft:var(--ll-legacy-admin-brand-soft-dark); --leaf-text:var(--ll-legacy-admin-leaf-text-dark);
  --moet:var(--ll-legacy-admin-moet-dark); --moet-soft:var(--ll-legacy-admin-moet-soft-dark); --mag:var(--ll-legacy-admin-mag-dark); --mag-soft:var(--ll-legacy-admin-mag-soft-dark);
  --sun:var(--ll-legacy-admin-sun-dark); --sun-soft:var(--ll-legacy-admin-sun-soft-dark); --blue:var(--ll-legacy-admin-blue-dark); --blue-soft:var(--ll-legacy-admin-blue-soft-dark); --grijs-soft:var(--ll-legacy-admin-grijs-soft-dark);
  --focus:var(--ll-legacy-admin-focus-dark); --lucht1:var(--ll-legacy-admin-lucht1-dark); --lucht2:var(--ll-legacy-admin-lucht2-dark); --wolk:var(--ll-legacy-admin-wolk-dark);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:where(.ll-admin):not([data-theme="light"]){
  --bg:var(--ll-legacy-admin-bg-dark); --surface:var(--ll-legacy-admin-surface-dark); --ink:var(--ll-legacy-admin-ink-dark); --ink-2:var(--ll-legacy-admin-ink-2-dark); --line:var(--ll-legacy-admin-line-dark);
  --brand:var(--ll-brand-500); --on-brand:var(--ll-legacy-admin-on-brand-light); --brand-soft:var(--ll-legacy-admin-brand-soft-dark); --leaf-text:var(--ll-legacy-admin-leaf-text-dark);
  --moet:var(--ll-legacy-admin-moet-dark); --moet-soft:var(--ll-legacy-admin-moet-soft-dark); --mag:var(--ll-legacy-admin-mag-dark); --mag-soft:var(--ll-legacy-admin-mag-soft-dark);
  --sun:var(--ll-legacy-admin-sun-dark); --sun-soft:var(--ll-legacy-admin-sun-soft-dark); --blue:var(--ll-legacy-admin-blue-dark); --blue-soft:var(--ll-legacy-admin-blue-soft-dark); --grijs-soft:var(--ll-legacy-admin-grijs-soft-dark);
  --focus:var(--ll-legacy-admin-focus-dark); --lucht1:var(--ll-legacy-admin-lucht1-dark); --lucht2:var(--ll-legacy-admin-lucht2-dark); --wolk:var(--ll-legacy-admin-wolk-dark);
}}
:root:where(.ll-admin)[data-kleur="groene-groei"]{--brand:var(--ll-legacy-admin-brand-green);--on-brand:var(--ll-legacy-admin-on-brand-green);--brand-soft:var(--ll-legacy-admin-brand-soft-green);--leaf-text:var(--ll-legacy-admin-leaf-text-green);--bg:var(--ll-legacy-admin-bg-green);--lucht1:var(--ll-legacy-admin-lucht1-green);--lucht2:var(--ll-legacy-admin-lucht2-green)}
:root:where(.ll-admin)[data-kleur="groene-groei"][data-theme="dark"]{--bg:var(--ll-legacy-admin-bg-green-dark);--surface:var(--ll-legacy-admin-surface-green-dark);--ink:var(--ll-legacy-admin-ink-dark);--ink-2:var(--ll-legacy-admin-ink-2-dark);--line:var(--ll-legacy-admin-line-green-dark);--brand:var(--ll-legacy-admin-brand-green);--on-brand:var(--ll-legacy-admin-on-brand-green);--brand-soft:var(--ll-legacy-admin-brand-soft-green-dark);--leaf-text:var(--ll-legacy-admin-leaf-text-green-dark);--lucht1:var(--ll-legacy-admin-lucht1-green-dark);--lucht2:var(--ll-legacy-admin-lucht2-green-dark);--wolk:var(--ll-legacy-admin-wolk-green-dark)}
:root:where(.ll-admin)[data-kleur="warme-gloed"]{--brand:var(--ll-legacy-admin-brand-warm);--on-brand:var(--ll-legacy-admin-on-brand-warm);--brand-soft:var(--ll-legacy-admin-brand-soft-warm);--leaf-text:var(--ll-legacy-admin-leaf-text-warm);--bg:var(--ll-legacy-admin-bg-warm);--lucht1:var(--ll-legacy-admin-lucht1-warm);--lucht2:var(--ll-legacy-admin-lucht2-warm)}
:root:where(.ll-admin)[data-kleur="warme-gloed"][data-theme="dark"]{--bg:var(--ll-legacy-admin-bg-warm-dark);--surface:var(--ll-legacy-admin-surface-warm-dark);--ink:var(--ll-legacy-admin-ink-dark);--ink-2:var(--ll-legacy-admin-ink-2-dark);--line:var(--ll-legacy-admin-line-warm-dark);--brand:var(--ll-legacy-admin-brand-warm);--on-brand:var(--ll-legacy-admin-on-brand-warm);--brand-soft:var(--ll-legacy-admin-brand-soft-warm-dark);--leaf-text:var(--ll-legacy-admin-leaf-text-warm-dark);--lucht1:var(--ll-legacy-admin-lucht1-warm-dark);--lucht2:var(--ll-legacy-admin-lucht2-warm-dark);--wolk:var(--ll-legacy-admin-wolk-warm-dark)}
:root:where(.ll-admin)[data-kleur="lavendelrust"]{--brand:var(--ll-legacy-admin-brand-lavender);--on-brand:var(--ll-legacy-admin-on-brand-lavender);--brand-soft:var(--ll-legacy-admin-brand-soft-lavender);--leaf-text:var(--ll-legacy-admin-leaf-text-lavender);--bg:var(--ll-legacy-admin-bg-lavender);--lucht1:var(--ll-legacy-admin-lucht1-lavender);--lucht2:var(--ll-legacy-admin-lucht2-lavender)}
:root:where(.ll-admin)[data-kleur="lavendelrust"][data-theme="dark"]{--bg:var(--ll-legacy-admin-bg-lavender-dark);--surface:var(--ll-legacy-admin-surface-lavender-dark);--ink:var(--ll-legacy-admin-ink-dark);--ink-2:var(--ll-legacy-admin-ink-2-dark);--line:var(--ll-legacy-admin-line-lavender-dark);--brand:var(--ll-legacy-admin-brand-lavender);--on-brand:var(--ll-legacy-admin-on-brand-lavender);--brand-soft:var(--ll-legacy-admin-brand-soft-lavender-dark);--leaf-text:var(--ll-legacy-admin-leaf-text-lavender-dark);--lucht1:var(--ll-legacy-admin-lucht1-lavender-dark);--lucht2:var(--ll-legacy-admin-lucht2-lavender-dark);--wolk:var(--ll-legacy-admin-wolk-lavender-dark)}
@media (prefers-color-scheme:dark){
  :root:where(.ll-admin)[data-kleur="groene-groei"]:not([data-theme="light"]){--bg:var(--ll-legacy-admin-bg-green-dark);--surface:var(--ll-legacy-admin-surface-green-dark);--ink:var(--ll-legacy-admin-ink-dark);--ink-2:var(--ll-legacy-admin-ink-2-dark);--line:var(--ll-legacy-admin-line-green-dark);--brand:var(--ll-legacy-admin-brand-green);--on-brand:var(--ll-legacy-admin-on-brand-green);--brand-soft:var(--ll-legacy-admin-brand-soft-green-dark);--leaf-text:var(--ll-legacy-admin-leaf-text-green-dark);--lucht1:var(--ll-legacy-admin-lucht1-green-dark);--lucht2:var(--ll-legacy-admin-lucht2-green-dark);--wolk:var(--ll-legacy-admin-wolk-green-dark)}
  :root:where(.ll-admin)[data-kleur="warme-gloed"]:not([data-theme="light"]){--bg:var(--ll-legacy-admin-bg-warm-dark);--surface:var(--ll-legacy-admin-surface-warm-dark);--ink:var(--ll-legacy-admin-ink-dark);--ink-2:var(--ll-legacy-admin-ink-2-dark);--line:var(--ll-legacy-admin-line-warm-dark);--brand:var(--ll-legacy-admin-brand-warm);--on-brand:var(--ll-legacy-admin-on-brand-warm);--brand-soft:var(--ll-legacy-admin-brand-soft-warm-dark);--leaf-text:var(--ll-legacy-admin-leaf-text-warm-dark);--lucht1:var(--ll-legacy-admin-lucht1-warm-dark);--lucht2:var(--ll-legacy-admin-lucht2-warm-dark);--wolk:var(--ll-legacy-admin-wolk-warm-dark)}
  :root:where(.ll-admin)[data-kleur="lavendelrust"]:not([data-theme="light"]){--bg:var(--ll-legacy-admin-bg-lavender-dark);--surface:var(--ll-legacy-admin-surface-lavender-dark);--ink:var(--ll-legacy-admin-ink-dark);--ink-2:var(--ll-legacy-admin-ink-2-dark);--line:var(--ll-legacy-admin-line-lavender-dark);--brand:var(--ll-legacy-admin-brand-lavender);--on-brand:var(--ll-legacy-admin-on-brand-lavender);--brand-soft:var(--ll-legacy-admin-brand-soft-lavender-dark);--leaf-text:var(--ll-legacy-admin-leaf-text-lavender-dark);--lucht1:var(--ll-legacy-admin-lucht1-lavender-dark);--lucht2:var(--ll-legacy-admin-lucht2-lavender-dark);--wolk:var(--ll-legacy-admin-wolk-lavender-dark)}
}
/* END legacy admin aliases */

/* DS0 primitives: fixed existing measurements, not new rendering variants. */
:root{
  --ll-space-0:0;
  --ll-control-size-md:44px;
  --ll-control-check-size:20px;
  --ll-control-disabled-opacity:.55;
  --ll-focus-offset:2px;
  --ll-legacy-control-padding-1:0 16px;
  --ll-legacy-control-border-radius-2:10px;
  --ll-legacy-control-border-3:1.5px;
  --ll-legacy-control-min-height-4:64px;
  --ll-legacy-control-font-size-5:21px;
  --ll-legacy-control-min-height-6:40px;
  --ll-legacy-control-padding-7:10px 20px;
  --ll-legacy-control-min-height-8:58px;
  --ll-legacy-control-font-size-9:19px;
  --ll-legacy-control-min-height-10:46px;
  --ll-legacy-control-width-11:100%;
  --ll-legacy-control-padding-12:8px 12px;
  --ll-legacy-control-min-height-13:38px;
  --ll-legacy-control-padding-14:0 6px;
  --ll-legacy-control-border-left-15:1.5px;
  --ll-legacy-control-font-size-16:13px;
  --ll-legacy-control-padding-17:0 14px;
  --ll-legacy-control-width-18:34px;
  --ll-legacy-control-height-19:20px;
  --ll-legacy-control-border-radius-20:20px;
  --ll-legacy-control-transition-21:background .15s;
  --ll-legacy-control-width-22:16px;
  --ll-legacy-control-height-23:16px;
  --ll-legacy-control-box-shadow-24:0 1px 2px rgba(0,0,0,.3);
  --ll-legacy-control-transition-25:transform .15s;
  --ll-legacy-control-width-26:1px;
  --ll-legacy-control-height-27:1px;
  --ll-legacy-control-padding-28:8px 10px;
  --ll-legacy-control-outline-29:3px;
  --ll-legacy-control-outline-offset-30:3px;
  --ll-legacy-control-min-height-31:48px;
  --ll-legacy-control-padding-32:10px 22px;
  --ll-legacy-control-transition-33:border-color .15s,background .15s,box-shadow .15s,transform .15s;
  --ll-legacy-control-box-shadow-34:0 6px 16px rgba(0,0,0,.1);
  --ll-legacy-control-padding-35:12px 30px;
  --ll-legacy-control-padding-36:0 4px;
  --ll-legacy-control-font-size-37:15px;
  --ll-legacy-control-max-width-38:100%;
  --ll-legacy-control-padding-39:10px 14px;
  --ll-legacy-control-border-40:1px solid #bbcfc5;
  --ll-legacy-control-border-radius-41:14px;
  --ll-legacy-control-background-42:#2d7059;
  --ll-legacy-control-color-43:white;
  --ll-legacy-control-font-weight-44:650;
  --ll-legacy-control-color-45:#24443e;
  --ll-legacy-control-border-46:1px solid transparent;
  --ll-legacy-control-background-47:transparent;
  --ll-legacy-control-width-48:22px;
  --ll-legacy-control-height-49:22px;
  --ll-legacy-control-width-50:15px;
  --ll-legacy-control-height-51:15px;
  --ll-legacy-control-font-size-52:11px;
  --ll-legacy-control-width-53:28px;
  --ll-legacy-control-height-54:28px;
  --ll-legacy-control-gap-55:10px;
  --ll-legacy-control-padding-56:4px 22px 4px 4px;
  --ll-legacy-control-margin-57:16px 0 8px;
  --ll-legacy-control-min-width-58:52px;
  --ll-legacy-control-outline-59:3px solid #36adb0;
  --ll-legacy-control-border-radius-60:11px;
  --ll-legacy-control-border-color-61:transparent;
}

:root{
  --ll-legacy-control-pin-gap:6px;
  --ll-legacy-control-pin-margin:1rem 0;
  --ll-legacy-control-segment-gap:5px;
  --ll-legacy-control-support-selected:#d8efec;
  --ll-legacy-control-support-border:#39736c;
  --ll-legacy-control-support-focus:#276e64;
  --ll-legacy-control-login-focus:#b17b2b;
  --ll-legacy-control-focus-offset-4:4px;
}

/* DS0 step 3: exact overlay geometry/layers; no renumbering or harmonisation. */
:root{
  --ll-legacy-overlay-gap-1: 6px;
  --ll-legacy-overlay-border-2: 1.5px solid var(--line);
  --ll-legacy-overlay-border-radius-3: 999px;
  --ll-legacy-overlay-padding-4: 0 14px;
  --ll-legacy-overlay-font-size-6: 15px;
  --ll-legacy-overlay-min-width-7: 220px;
  --ll-legacy-overlay-border-radius-8: 14px;
  --ll-legacy-overlay-box-shadow-9: 0 10px 28px rgba(0,0,0,.14);
  --ll-legacy-overlay-padding-10: 8px;
  --ll-z-legacy-local-menu: 5;
  --ll-legacy-overlay-padding-12: 8px 10px 10px;
  --ll-legacy-overlay-margin-bottom-13: 6px;
  --ll-legacy-overlay-font-size-14: 14px;
  --ll-legacy-overlay-font-size-15: 12.5px;
  --ll-legacy-overlay-min-height-16: 38px;
  --ll-legacy-overlay-padding-17: 0 10px;
  --ll-legacy-overlay-border-radius-18: 8px;
  --ll-legacy-overlay-font-size-19: 13.5px;
  --ll-legacy-overlay-margin-20: 6px 4px;
  --ll-legacy-overlay-width-21: 50vw;
  --ll-legacy-overlay-min-width-22: 420px;
  --ll-legacy-overlay-max-height-23: calc(100% - 84px);
  --ll-legacy-overlay-border-radius-24: 20px 0 0 20px;
  --ll-legacy-overlay-width-25: min(92vw,1100px);
  --ll-legacy-overlay-max-width-26: 1100px;
  --ll-z-legacy-accent-popover: 6;
  --ll-legacy-overlay-gap-28: 4px;
  --ll-legacy-overlay-min-width-29: 190px;
  --ll-legacy-overlay-box-shadow-30: 0 8px 24px rgba(0,0,0,.16);
  --ll-legacy-overlay-padding-31: 0 16px;
  --ll-legacy-overlay-max-width-32: 380px;
  --ll-legacy-overlay-border-radius-33: 20px;
  --ll-legacy-overlay-box-shadow-34: 0 20px 50px rgba(0,0,0,.4);
  --ll-legacy-overlay-background-35: rgba(20,45,50,.18);
  --ll-legacy-overlay-max-width-36: 420px;
  --ll-legacy-overlay-border-radius-37: 22px;
  --ll-legacy-overlay-box-shadow-38: 0 12px 40px rgba(20,60,70,.16);
  --ll-legacy-overlay-border-39: 1px solid var(--line);
  --ll-legacy-overlay-padding-40: 26px 26px 24px;
  --ll-legacy-overlay-max-width-41: calc(100% - 32px);
  --ll-legacy-overlay-width-42: 220px;
  --ll-legacy-overlay-padding-43: 10px 12px;
  --ll-legacy-overlay-border-radius-44: 10px;
  --ll-legacy-overlay-box-shadow-45: 0 8px 20px rgba(0,0,0,.16);
  --ll-legacy-overlay-gap-46: 8px;
  --ll-legacy-overlay-margin-bottom-47: 18px;
  --ll-legacy-overlay-padding-bottom-48: 10px;
  --ll-legacy-overlay-min-height-49: 46px;
  --ll-legacy-overlay-padding-50: 0 20px;
  --ll-legacy-overlay-border-51: 1.5px solid transparent;
  --ll-legacy-overlay-transition-52: background .15s,border-color .15s,transform .12s,box-shadow .15s;
  --ll-legacy-overlay-box-shadow-53: 0 3px 10px rgba(0,0,0,.08);
  --ll-legacy-overlay-background-54: rgba(6,20,22,.55);
  --ll-legacy-overlay-max-width-56: 720px;
  --ll-legacy-overlay-max-height-57: 92%;
  --ll-legacy-overlay-border-radius-58: 20px 20px 0 0;
  --ll-legacy-overlay-padding-59: 20px 18px calc(20px + env(safe-area-inset-bottom,0px));
  --ll-legacy-overlay-gap-60: 12px;
  --ll-legacy-overlay-width-61: min(400px,calc(100vw - 32px));
  --ll-legacy-overlay-max-width-62: 400px;
  --ll-legacy-overlay-padding-64: 24px;
  --ll-legacy-overlay-box-shadow-65: 0 12px 36px #30494b24;
  --ll-legacy-overlay-border-radius-66: 12px;
  --ll-legacy-overlay-box-shadow-67: 0 8px 24px rgba(0,0,0,.12);
  --ll-legacy-overlay-padding-68: 6px;
  --ll-legacy-overlay-min-width-70: 210px;
  --ll-legacy-overlay-max-height-72: 80vh;
  --ll-legacy-overlay-font-size-73: 10.5px;
  --ll-legacy-overlay-padding-74: 8px 10px 4px;
  --ll-legacy-overlay-margin-75: 5px 4px;
  --ll-legacy-overlay-margin-bottom-76: 20px;
  --ll-legacy-overlay-min-height-77: 42px;
  --ll-legacy-overlay-padding-78: 0 4px;
  --ll-legacy-overlay-font-size-79: 14.5px;
  --ll-legacy-overlay-background-80: rgba(6,20,22,.45);
  --ll-legacy-overlay-padding-81: 6vh 16px;
  --ll-z-legacy-admin-dialog: 40;
  --ll-legacy-overlay-border-radius-83: 18px;
  --ll-legacy-overlay-max-width-84: 460px;
  --ll-legacy-overlay-padding-85: 26px 26px 22px;
  --ll-legacy-overlay-gap-86: 10px;
  --ll-legacy-overlay-padding-87: 0 0 18px;
  --ll-legacy-overlay-margin-bottom-88: 30px;
  --ll-legacy-overlay-padding-89: 10px 20px;
  --ll-legacy-overlay-border-90: 1px solid transparent;
  --ll-legacy-overlay-margin-91: 20px 0 26px;
  --ll-legacy-overlay-padding-92: 10px 16px;
  --ll-legacy-overlay-padding-93: 28px;
  --ll-legacy-overlay-box-shadow-94: 0 16px 60px rgba(20,40,30,.14);
  --ll-legacy-overlay-background-95: rgba(20,40,30,.28);
  --ll-legacy-overlay-padding-96: 22px;
  --ll-legacy-overlay-font-size-97: 12px;
  --ll-legacy-overlay-padding-98: 20px 16px;
  --ll-legacy-overlay-margin-99: 20px 0 28px;
  --ll-legacy-overlay-box-shadow-100: 0 2px 8px #203b3910;
  --ll-legacy-overlay-border-radius-101: 24px 24px 0 0;
  --ll-legacy-overlay-padding-102: clamp(22px,3vw,36px);
  --ll-legacy-overlay-font-size-106: 28px;
  --ll-legacy-overlay-margin-107: 0 0 8px 12px;
  --ll-legacy-overlay-padding-108: 10px 8px;
  --ll-legacy-overlay-padding-109: 20px;
  --ll-legacy-overlay-transition-110: none!important;
  --ll-legacy-overlay-max-height-111: 90dvh;
  --ll-legacy-overlay-width-112: 288px;
  --ll-legacy-overlay-max-width-113: calc(100vw - 24px);
  --ll-legacy-overlay-max-height-114: calc(100dvh - 84px);
  --ll-legacy-overlay-border-115: 1px solid var(--account-line);
  --ll-legacy-overlay-padding-116: 12px;
  --ll-legacy-overlay-box-shadow-117: 0 8px 24px #162f2520;
  --ll-legacy-overlay-margin-118: 8px 0;
  --ll-legacy-overlay-padding-119: 0 8px;
  --ll-legacy-overlay-width-120: min(800px,calc(100vw - 40px));
  --ll-legacy-overlay-max-width-121: 800px;
  --ll-legacy-overlay-padding-122: 28px 32px;
  --ll-legacy-overlay-font-size-124: 26px;
  --ll-legacy-overlay-width-125: 400px;
  --ll-legacy-overlay-max-width-126: calc(100vw - 32px);
  --ll-legacy-overlay-max-height-127: calc(100dvh - 32px);
  --ll-legacy-overlay-padding-128: 20px 24px;
  --ll-legacy-overlay-width-129: 240px;
  --ll-z-legacy-inline-help: 2;
  --ll-legacy-overlay-width-131: 100vw;
  --ll-legacy-overlay-height-132: 100dvh;
  --ll-legacy-overlay-max-height-133: 100dvh;
  --ll-legacy-overlay-width-134: calc(100vw - 20px);
  --ll-legacy-overlay-max-height-135: 94dvh;
  --ll-legacy-overlay-padding-136: 24px 20px;
  --ll-legacy-overlay-background-137: #243e4430;
  --ll-legacy-overlay-width-138: min(440px,100vw);
  --ll-legacy-overlay-box-shadow-139: -12px 0 36px #23383c20;
  --ll-legacy-overlay-padding-140: 16px;
  --ll-legacy-overlay-border-radius-141: 16px;
}

/* Exact bounded DS0 surface geometry; compatibility, not new product variants. */
:root {
  --ll-legacy-surface-margin-1: 0 0 14px;
  --ll-legacy-surface-border-radius-2: 14px;
  --ll-legacy-surface-padding-3: 6px 12px;
  --ll-legacy-surface-padding-4: 8px 12px;
  --ll-legacy-surface-margin-5: 0 0 16px;
  --ll-legacy-surface-padding-6: 4px 12px 12px;
  --ll-legacy-surface-margin-7: 6px 0 0;
  --ll-legacy-surface-padding-8: 12px 14px;
  --ll-legacy-surface-margin-9: 0 0 6px;
  --ll-legacy-surface-margin-10: 8px 0;
  --ll-legacy-surface-margin-11: 10px 0 2px;
  --ll-legacy-surface-font-size-12: 15px;
  --ll-legacy-surface-font-size-13: 13px;
  --ll-legacy-surface-padding-14: 1px 10px;
  --ll-legacy-surface-margin-left-15: 6px;
  --ll-legacy-surface-gap-16: 6px 12px;
  --ll-legacy-surface-padding-17: 9px 0;
  --ll-legacy-surface-gap-18: 2px;
  --ll-legacy-surface-font-size-19: 26px;
  --ll-legacy-surface-line-height-20: 1.1;
  --ll-legacy-surface-box-shadow-21: 0 6px 16px rgba(0,0,0,.1);
  --ll-legacy-surface-padding-22: 18px;
  --ll-legacy-surface-font-size-23: 12.5px;
  --ll-legacy-surface-font-size-24: 11px;
  --ll-legacy-surface-padding-25: 10px 4px;
  --ll-legacy-surface-line-height-26: 1.5;
  --ll-legacy-surface-margin-27: 0 0 10px;
  --ll-legacy-surface-padding-28: 10px 14px;
  --ll-legacy-surface-margin-29: 6px 0;
  --ll-legacy-surface-border-radius-30: 10px;
  --ll-legacy-surface-margin-31: 2px 0;
  --ll-legacy-surface-padding-32: 14px 16px;
  --ll-legacy-surface-margin-33: 0 0 18px;
  --ll-legacy-surface-box-shadow-34: 0 4px 14px rgba(0,0,0,.08);
  --ll-legacy-surface-gap-35: 10px;
  --ll-legacy-surface-margin-36: 10px 0 14px;
  --ll-legacy-surface-gap-37: 2px 12px;
  --ll-legacy-surface-padding-38: 2px 10px;
  --ll-legacy-surface-border-radius-39: 6px;
  --ll-legacy-surface-padding-40: 14px 0;
  --ll-legacy-surface-padding-41: 18px 0;
  --ll-legacy-surface-margin-bottom-42: 14px;
  --ll-legacy-surface-gap-43: 6px;
  --ll-legacy-surface-padding-44: 2px 4px 2px 12px;
  --ll-legacy-surface-padding-45: 12px 0;
  --ll-legacy-surface-gap-46: 4px 10px;
  --ll-legacy-surface-font-size-47: 14.5px;
  --ll-legacy-surface-padding-48: 10px 0;
  --ll-legacy-surface-gap-49: 14px;
  --ll-legacy-surface-padding-50: 14px;
  --ll-legacy-surface-margin-bottom-51: 10px;
  --ll-legacy-surface-font-size-52: 19px;
  --ll-legacy-surface-padding-53: 18px 44px 18px 18px;
  --ll-legacy-surface-font-size-54: 20px;
  --ll-legacy-surface-box-shadow-55: 0 6px 16px rgba(0,0,0,.08);
  --ll-legacy-surface-padding-56: 16px 18px;
  --ll-legacy-surface-font-size-57: 30px;
  --ll-legacy-surface-padding-58: 22px;
  --ll-legacy-surface-margin-bottom-59: 20px;
  --ll-legacy-surface-margin-60: 0 0 4px;
  --ll-legacy-surface-padding-61: 13px 14px;
  --ll-legacy-surface-font-size-62: 13.5px;
  --ll-legacy-surface-padding-63: 6px 2px;
  --ll-legacy-surface-padding-top-64: 2px;
  --ll-legacy-surface-padding-65: 44px 20px;
  --ll-legacy-surface-font-size-66: 32px;
  --ll-legacy-surface-margin-bottom-67: 6px;
  --ll-legacy-surface-gap-68: 5px;
  --ll-legacy-surface-padding-69: 3px 10px 3px 8px;
  --ll-legacy-surface-padding-70: 3px 9px;
  --ll-legacy-surface-padding-71: 20px 22px;
  --ll-legacy-surface-margin-bottom-72: 36px;
  --ll-legacy-surface-border-radius-73: 20px;
  --ll-legacy-surface-line-height-74: 1.3;
  --ll-legacy-surface-margin-75: 9px 0;
  --ll-legacy-surface-margin-76: 26px 0 16px;
  --ll-legacy-surface-font-size-77: 21px;
  --ll-legacy-surface-margin-top-78: 38px;
  --ll-legacy-surface-padding-79: 12px 18px 14px;
  --ll-legacy-surface-padding-80: 5px 12px;
  --ll-legacy-surface-padding-81: 14px 18px;
  --ll-legacy-surface-margin-82: 14px 0;
  --ll-legacy-surface-padding-83: 6px 0;
  --ll-legacy-surface-padding-84: 26px;
  --ll-legacy-surface-padding-85: 20px 52px 20px 22px;
  --ll-legacy-surface-margin-86: 12px 0;
  --ll-legacy-surface-margin-top-87: 7px;
  --ll-legacy-surface-border-radius-88: 22px;
  --ll-legacy-surface-padding-89: 11px;
  --ll-legacy-surface-padding-90: 0 14px 14px;
  --ll-legacy-surface-border-radius-91: 15px;
  --ll-legacy-surface-padding-92: 13px 16px;
  --ll-legacy-surface-font-size-93: 23px;
  --ll-legacy-surface-margin-94: 0 0 8px;
  --ll-legacy-surface-padding-95: 1.25rem;
  --ll-legacy-surface-padding-96: clamp(20px,3.5vw,32px);
  --ll-legacy-surface-padding-97: 18px 52px 18px 22px;
  --ll-legacy-surface-padding-98: 25px 22px 20px;
  --ll-legacy-surface-border-99: 2px solid #dce7df;
  --ll-legacy-surface-border-radius-100: 28px;
  --ll-legacy-surface-box-shadow-101: 0 12px 28px #284c3510;
  --ll-legacy-surface-background-102: #f0f8f2;
  --ll-legacy-surface-background-103: #f5f1fa;
  --ll-legacy-surface-background-104: #fff8ec;
  --ll-legacy-surface-gap-105: 20px;
  --ll-legacy-surface-padding-106: 20px;
  --ll-legacy-surface-margin-107: 20px 0;
  --ll-legacy-surface-margin-top-108: 28px;
  --ll-legacy-surface-padding-top-109: 18px;
  --ll-legacy-surface-padding-110: 20px 0 4px;
  --ll-legacy-surface-border-111: 1px solid #a57b45;
  --ll-legacy-surface-margin-bottom-112: 18px;
  --ll-legacy-surface-margin-113: 0 0 12px;
  --ll-legacy-surface-margin-top-114: 20px;
  --ll-legacy-surface-margin-top-115: 10px;
}

/* Order-sensitive legacy section spacing. */
:root{--ll-legacy-surface-heading-top:6px;--ll-legacy-surface-action-top:18px}

/* GevoelsLabo: matte vriendjescompositie, geen wijziging van globale kleuren. */
:root{
  --ll-gl-intro-margin: 12px 0 28px;
  --ll-gl-intro-width: 760px;
  --ll-gl-kicker-size: 12px;
  --ll-gl-kicker-weight: 700;
  --ll-gl-kicker-spacing: .12em;
  --ll-gl-kicker-margin: 0 0 12px;
  --ll-gl-title-size: clamp(34px,4.8vw,54px);
  --ll-gl-title-line: 1.14;
  --ll-gl-title-spacing: -.035em;
  --ll-gl-title-margin: 0 0 16px;
  --ll-gl-title-em-weight: 400;
  --ll-gl-intro-size: 16px;
  --ll-gl-intro-line: 1.7;
  --ll-gl-section-size: 18px;
  --ll-gl-section-margin: 0 0 16px;
  --ll-gl-grid-gap: 12px;
  --ll-gl-card-radius: 20px 23px 18px 22px;
  --ll-gl-card-min-width: 0;
  --ll-gl-card-height: 132px;
  --ll-gl-card-image-width: 110px;
  --ll-gl-card-image-height: 100px;
  --ll-gl-card-image-max: 100%;
  --ll-gl-selection-offset: 2px;
  --ll-gl-nuance-columns: repeat(3,minmax(0,1fr));
  --ll-gl-nuance-gap: 12px;
  --ll-gl-nuance-height: 160px;
  --ll-gl-detail-radius: 30px 24px 28px 23px;
  --ll-gl-detail-margin: 24px;
  --ll-gl-detail-image-width: 190px;
  --ll-gl-detail-image-height: 165px;
  --ll-gl-detail-image-max: 100%;
  --ll-gl-detail-copy-width: 100%;
  --ll-gl-detail-copy-size: 15px;
  --ll-gl-detail-copy-line: 1.6;
  --ll-gl-thanks-radius: 30px;
  --ll-gl-mobile-columns: repeat(2,minmax(0,1fr));
  --ll-gl-mobile-intro-margin: 20px;
  --ll-gl-mobile-image-width: 155px;
  --ll-gl-mobile-image-height: 135px;
}

/* Goedgekeurde Pluizenbol-hoofdpagina’s: lokaal begrensde compositietokens. */
:where(.pluis-home,.pluis-reading-status,.pluis-entry-active){--ll-pluis-accent-1:#7caaa9;--ll-pluis-soft-2:#dce9e4;--ll-pluis-ink-3:#354e43;--ll-pluis-muted-4:#51645a;--ll-pluis-paper-5:#f1f0e6;--ll-pluis-panel-6:#fff9e8a3;--ll-pluis-focus-7:#315d79;--ll-pluis-font-size-8:16px;--ll-pluis-outline-9:3px solid var(--focus);--ll-pluis-outline-offset-10:5px;--ll-pluis-top-11:-100px;--ll-pluis-left-12:16px;--ll-pluis-padding-13:12px;--ll-pluis-top-14:12px;--ll-pluis-right-15:32px;--ll-pluis-top-16:24px;--ll-pluis-gap-17:8px;--ll-pluis-width-18:190px;--ll-pluis-min-height-19:44px;--ll-pluis-gap-20:4px;--ll-pluis-width-21:44px;--ll-pluis-height-22:44px;--ll-pluis-border-radius-23:50%;--ll-pluis-font-size-24:23px;--ll-pluis-font-size-25:18px;--ll-pluis-width-26:36px;--ll-pluis-height-27:36px;--ll-pluis-border-28:2px solid #f6eddb99;--ll-pluis-background-29:repeating-radial-gradient(ellipse at 25% 35%,transparent 0 1px,#fff9e539 2px 3px,transparent 4px 6px),linear-gradient(135deg,var(--ball-light) 49%,var(--ball-dark) 51%);--ll-pluis-box-shadow-30:0 0 3px 2px #f4e9d570,inset 0 0 6px #fff5d8a0;--ll-pluis-outline-31:2px solid var(--ink);--ll-pluis-outline-offset-32:4px;--ll-pluis-top-33:48px;--ll-pluis-gap-34:16px;--ll-pluis-padding-35:18px;--ll-pluis-backdrop-filter-36:blur(12px);--ll-pluis-border-37:1px solid var(--accent);--ll-pluis-border-radius-38:32px;--ll-pluis-box-shadow-39:0 6px 20px #233c3520;--ll-pluis-min-height-40:100svh;--ll-pluis-padding-41:28px 5vw 40px;--ll-pluis-font-size-42:13px;--ll-pluis-gap-43:12px;--ll-pluis-border-bottom-44:1px solid #657f6860;--ll-pluis-padding-45:8px 0;--ll-pluis-margin-46:85px 0 120px auto;--ll-pluis-padding-bottom-47:34px;--ll-pluis-font-size-48:12px;--ll-pluis-letter-spacing-49:.14em;--ll-pluis-margin-50:0 0 12px;--ll-pluis-font-size-51:clamp(30px,3.15vw,50px);--ll-pluis-letter-spacing-52:-.035em;--ll-pluis-text-shadow-53:0 1px 10px #fff6df80;--ll-pluis-margin-54:12px 0 0 9%;--ll-pluis-color-55:#628b77;--ll-pluis-max-width-56:39ch;--ll-pluis-text-shadow-57:0 1px 8px #fff9eae0;--ll-pluis-transition-58:opacity .2s;--ll-pluis-gap-59:18px;--ll-pluis-gap-60:14px;--ll-pluis-padding-61:22px 18px;--ll-pluis-min-height-62:148px;--ll-pluis-border-63:1px solid color-mix(in srgb,var(--accent) 65%,#efebd6);--ll-pluis-border-radius-64:24px;--ll-pluis-background-65:linear-gradient(135deg,#fff7e836 50%,color-mix(in srgb,var(--soft) 38%,transparent) 50%);--ll-pluis-box-shadow-66:0 0 4px 2px #f6eed44a,inset 0 0 12px #fff7dd60,0 6px 18px #233e3512;--ll-pluis-transition-67:background .2s,box-shadow .2s;--ll-pluis-background-68:color-mix(in srgb,var(--soft) 65%,#fff9ee60);--ll-pluis-box-shadow-69:0 0 0 2px color-mix(in srgb,var(--accent) 65%,transparent),0 6px 18px #233e3512;--ll-pluis-width-70:30px;--ll-pluis-height-71:30px;--ll-pluis-color-72:#537563;--ll-pluis-margin-top-73:3px;--ll-pluis-font-size-74:19px;--ll-pluis-margin-bottom-75:9px;--ll-pluis-font-size-76:14px;--ll-pluis-font-size-77:22px;--ll-pluis-max-width-78:62ch;--ll-pluis-margin-79:0 auto 24px;--ll-pluis-margin-80:28px auto 0;--ll-pluis-padding-81:12px 22px;--ll-pluis-border-bottom-82:1px solid var(--accent);--ll-pluis-margin-top-83:70px;--ll-pluis-margin-bottom-84:70px;--ll-pluis-max-width-85:1280px;--ll-pluis-gap-86:8vw;--ll-pluis-max-width-87:1050px;--ll-pluis-min-height-88:118px;--ll-pluis-padding-89:24px 28px;--ll-pluis-font-size-90:25px;--ll-pluis-margin-bottom-91:130px;--ll-pluis-padding-92:18px 14px;--ll-pluis-gap-93:10px;--ll-pluis-width-94:24px;--ll-pluis-gap-95:24px;--ll-pluis-padding-96:18px 24px 24px;--ll-pluis-max-width-97:680px;--ll-pluis-width-98:calc(100% - 32px);--ll-pluis-max-height-99:85svh;--ll-pluis-padding-100:40px;--ll-pluis-border-radius-101:30px;--ll-pluis-box-shadow-102:0 20px 80px #152f3540;--ll-pluis-background-103:#132d334a;--ll-pluis-backdrop-filter-104:blur(5px);--ll-pluis-font-size-105:29px;--ll-pluis-margin-106:0 30px 24px 0;--ll-pluis-right-107:12px;--ll-pluis-padding-108:10px 18px;--ll-pluis-border-radius-109:18px;--ll-pluis-margin-110:24px 0;--ll-pluis-outline-111:2px solid var(--accent);--ll-pluis-outline-offset-112:2px;--ll-pluis-margin-top-113:32px;--ll-pluis-margin-114:20px 0;--ll-pluis-padding-115:20px;--ll-pluis-border-radius-116:20px;--ll-pluis-border-117:1px solid color-mix(in srgb,var(--accent) 30%,transparent);--ll-pluis-font-size-118:21px;--ll-pluis-padding-119:12px 0;--ll-pluis-margin-120:30px 0;--ll-pluis-font-size-121:26px;--ll-pluis-width-122:90px;--ll-pluis-border-radius-123:12px;--ll-pluis-padding-124:8px;--ll-pluis-paper-125:#1c302c;--ll-pluis-ink-126:#e5eee7;--ll-pluis-muted-127:#c1cfc6;--ll-pluis-panel-128:#203a32e6;--ll-pluis-focus-129:#b3d7ef;--ll-pluis-color-130:#e5eee7;--ll-pluis-text-shadow-131:0 1px 14px #132a2b;--ll-pluis-color-132:#9dd3bd;--ll-pluis-text-shadow-133:0 1px 8px #142a2b;--ll-pluis-background-134:linear-gradient(135deg,#1a30284a 50%,color-mix(in srgb,var(--accent) 16%,transparent) 50%);--ll-pluis-box-shadow-135:0 0 4px #eee7cf35,inset 0 0 12px #eee7cf20;--ll-pluis-background-136:#304c40d0;--ll-pluis-color-137:#a8ceba;--ll-pluis-background-138:#304c4050;--ll-pluis-background-139:#48624f;--ll-pluis-padding-inline-140:max(5vw,calc((100vw - 1400px)/2));--ll-pluis-margin-bottom-141:180px;--ll-pluis-margin-top-142:100px;--ll-pluis-font-size-143:36px;--ll-pluis-min-height-144:115px;--ll-pluis-right-145:20px;--ll-pluis-top-146:20px;--ll-pluis-width-147:155px;--ll-pluis-padding-148:22px 20px 32px;--ll-pluis-max-width-149:calc(100% - 180px);--ll-pluis-gap-150:6px;--ll-pluis-font-size-151:11px;--ll-pluis-min-height-152:85px;--ll-pluis-margin-153:36px -20px -18px;--ll-pluis-margin-154:44px 0 0;--ll-pluis-padding-155:0 0 48px;--ll-pluis-font-size-156:clamp(27px,6.2vw,38px);--ll-pluis-bottom-157:-25px;--ll-pluis-max-width-158:34ch;--ll-pluis-margin-bottom-159:22px;--ll-pluis-padding-160:16px 12px;--ll-pluis-min-height-161:146px;--ll-pluis-backdrop-filter-162:blur(8px);--ll-pluis-width-163:23px;--ll-pluis-height-164:23px;--ll-pluis-font-size-165:17px;--ll-pluis-bottom-166:12px;--ll-pluis-min-height-167:100px;--ll-pluis-padding-168:22px;--ll-pluis-padding-169:30px 22px;--ll-pluis-padding-170:14px;--ll-pluis-filter-171:drop-shadow(0 4px 3px #4a47302a);--ll-pluis-background-172:#43513940;--ll-pluis-filter-173:blur(5px);--ll-pluis-filter-174:brightness(.65) saturate(.8) drop-shadow(0 4px 3px #152a2a50);--ll-pluis-margin-175:8px 0 20px;--ll-pluis-border-radius-176:14px;--ll-pluis-padding-177:10px 14px;--ll-pluis-max-height-178:380px;--ll-pluis-padding-179:8px 4px;--ll-pluis-height-180:90px;--ll-pluis-min-height-181:max(780px,66.6667vw);--ll-pluis-height-182:max(780px,66.6667vw);--ll-pluis-margin-top-183:65px;--ll-pluis-margin-bottom-184:85px;--ll-pluis-grid-template-columns-185:auto 44px;--ll-pluis-gap-186:0 8px;--ll-pluis-padding-top-187:8px;--ll-pluis-width-188:28px;--ll-pluis-height-189:28px;--ll-pluis-margin-190:8px;--ll-pluis-gap-191:7px;--ll-pluis-right-192:48px;--ll-pluis-width-193:32px;--ll-pluis-height-194:32px;--ll-pluis-max-width-195:1000px;--ll-pluis-min-height-196:110px;--ll-pluis-margin-top-197:12px;--ll-pluis-min-height-198:70px;--ll-pluis-padding-199:12px 20px;--ll-pluis-margin-200:0 0 16px;--ll-pluis-margin-top-201:140px;--ll-pluis-max-width-202:31ch;--ll-pluis-min-height-203:max(850px,66.6667vw);--ll-pluis-top-204:14px;--ll-pluis-font-size-205:10px;--ll-pluis-gap-206:5px;--ll-pluis-max-width-207:190px;--ll-pluis-margin-top-208:165px;--ll-pluis-max-width-209:32ch;--ll-pluis-height-210:24px;--ll-pluis-letter-spacing-211:.04em;--ll-pluis-grid-template-columns-212:auto 32px;--ll-pluis-column-gap-213:3px;--ll-pluis-padding-top-214:1px;--ll-pluis-min-width-215:32px;--ll-pluis-min-height-216:32px;--ll-pluis-font-size-217:15px;--ll-pluis-box-shadow-218:none;--ll-pluis-inset-219:7px;--ll-pluis-background-220:repeating-radial-gradient(ellipse at 25% 35%,transparent 0 1px,#fff9e539 2px 3px,transparent 4px 6px),linear-gradient(135deg,var(--soft) 49%,var(--accent) 51%);--ll-pluis-box-shadow-221:0 0 2px 1px #f4e9d550,inset 0 0 3px #fff5d880;--ll-pluis-right-222:37px;--ll-pluis-margin-top-223:-8px;--ll-pluis-min-width-224:44px;--ll-pluis-inset-225:13px;--ll-pluis-right-226:49px;--ll-pluis-grid-template-columns-227:auto 90px;--ll-pluis-column-gap-228:6px;--ll-pluis-padding-top-229:12px;--ll-pluis-min-width-230:30px;--ll-pluis-min-height-231:30px;--ll-pluis-inset-232:9px;--ll-pluis-top-233:36px;--ll-pluis-grid-template-columns-234:auto 132px;--ll-pluis-padding-top-235:5px;--ll-pluis-inset-236:16px;--ll-pluis-max-width-237:66ch;--ll-pluis-padding-bottom-238:20px;--ll-pluis-max-width-239:43ch;--ll-pluis-margin-240:0 auto 16px;--ll-pluis-text-shadow-241:0 1px 8px #18352c;--ll-pluis-margin-top-242:95px;--ll-pluis-background-243:#f1f0e6;--ll-pluis-color-244:#354e43;--ll-pluis-ink-245:#e4eee7;--ll-pluis-paper-246:#162d2e;--ll-pluis-panel-247:#233e37ad;--ll-pluis-accent-248:#839b7c;--ll-pluis-soft-249:#e2ead9;--ll-pluis-accent-250:#bd9a6b;--ll-pluis-soft-251:#f0e5cf;--ll-pluis-accent-252:#a08eb2;--ll-pluis-soft-253:#e9e1ed;--ll-pluis-width-254:18px;--ll-pluis-height-255:18px;--ll-pluis-min-width-256:18px;--ll-pluis-min-height-257:18px;--ll-pluis-margin-258:6px;--ll-pluis-padding-259:20px 5%;--ll-pluis-min-height-260:max(850px,76vw);--ll-pluis-margin-261:190px auto 80px 6%;--ll-pluis-gap-262:7vw;--ll-pluis-min-height-263:104px;--ll-pluis-font-size-264:24px;--ll-pluis-max-width-265:1100px;--ll-pluis-margin-266:24px auto;--ll-pluis-padding-267:24px;--ll-pluis-right-268:30px;--ll-pluis-top-269:112px;--ll-pluis-margin-top-270:160px;--ll-pluis-right-271:16px;--ll-pluis-top-272:100px;--ll-pluis-margin-273:13px;}

:where(.pluis-home,.pluis-reading-status,.pluis-entry-active){--ll-pluis-spacing-extra-1:0;--ll-pluis-spacing-extra-2:0;--ll-pluis-spacing-extra-3:0;--ll-pluis-spacing-extra-4:0;--ll-pluis-spacing-extra-5:0;--ll-pluis-spacing-extra-6:7%;--ll-pluis-spacing-extra-7:0;--ll-pluis-spacing-extra-8:0;--ll-pluis-spacing-extra-9:0;--ll-pluis-spacing-extra-10:0;--ll-pluis-spacing-extra-11:0;--ll-pluis-spacing-extra-12:0;--ll-pluis-spacing-extra-13:0;--ll-pluis-spacing-extra-14:0;--ll-pluis-spacing-extra-15:0;--ll-pluis-spacing-extra-16:0;--ll-pluis-spacing-extra-17:0;--ll-pluis-spacing-extra-18:0;--ll-pluis-spacing-extra-19:3%;--ll-pluis-spacing-extra-20:0;--ll-pluis-spacing-extra-21:3%;--ll-pluis-spacing-extra-22:0;--ll-pluis-spacing-extra-23:0 auto;--ll-pluis-spacing-extra-24:0;--ll-pluis-spacing-extra-25:0;--ll-pluis-spacing-extra-26:0;--ll-pluis-spacing-extra-27:0;}

/* Pluizenbol: expliciete DEV-presentatie, zonder wijziging aan lees-/authcontracten. */
:root.ll-pluis-site {
 --ll-pluis-canvas:#f1f0e6;--ll-pluis-panel:#fffbeded;--ll-pluis-field:#fffdf6;
 --ll-pluis-text:#304b40;--ll-pluis-secondary:#53685c;--ll-pluis-edge:#90ac9a;
 --ll-pluis-primary:#365f56;--ll-pluis-soft:#dce9e4;--ll-pluis-white:#fffdf6;--ll-pluis-on-primary:#fffdf6;
 --ll-pluis-shadow:0 6px 24px #243e3412;--ll-pluis-blur:blur(16px);
 --ll-pluis-canvas-image:linear-gradient(#f1f0e6e8,#f1f0e6ef),url('/assets/pluizenbol/coach-atelier-v1.png');
 --ll-pluis-radius:24px;--ll-pluis-control-radius:16px;--ll-pluis-banner-size:160px;
 --ll-pluis-symbol-size:20px;--ll-pluis-logo-size:190px;
 --ll-pluis-desktop-inset:clamp(20px,3vw,56px);--ll-pluis-wide:100%;
 --ll-pluis-control-shadow:0 1px 4px #35534312;
 --ll-pluis-border:1px solid var(--ll-pluis-edge);
 --bg:var(--ll-pluis-canvas)!important;--ink:var(--ll-pluis-text)!important;--muted:var(--ll-pluis-secondary)!important;
 --surface:var(--ll-pluis-panel)!important;--kaart:var(--ll-pluis-panel)!important;--panel:var(--ll-pluis-panel)!important;
 --brand:var(--ll-pluis-primary)!important;--leaf:var(--ll-pluis-primary)!important;--brand-soft:var(--ll-pluis-soft)!important;
 --line:var(--ll-pluis-edge)!important;--leaf-text:var(--ll-pluis-primary)!important;
 --account-primary:var(--ll-pluis-primary)!important;--account-bg:var(--ll-pluis-panel)!important;
 --account-ink:var(--ll-pluis-text)!important;--account-line:var(--ll-pluis-edge)!important;
 --lw-brand:var(--ll-pluis-primary)!important;--lw-ink:var(--ll-pluis-text)!important;--lw-bg:var(--ll-pluis-canvas)!important;
 
 
 
}
:root.ll-pluis-site[data-kleur=groene-groei]{--ll-pluis-primary:#3e6448;--ll-pluis-soft:#e2ead9}
:root.ll-pluis-site[data-kleur=warme-gloed]{--ll-pluis-primary:#805c32;--ll-pluis-soft:#f0e5cf}
:root.ll-pluis-site[data-kleur=lavendelrust]{--ll-pluis-primary:#6b537d;--ll-pluis-soft:#e9e1ed}
:root.ll-pluis-site[data-theme=dark]{--ll-pluis-canvas:#172d29;--ll-pluis-panel:#223d35f2;--ll-pluis-field:#253f37;--ll-pluis-text:#edf3e9;--ll-pluis-secondary:#c3d1c5;--ll-pluis-edge:#779686;--ll-pluis-canvas-image:linear-gradient(#172d29e8,#172d29f2),url('/assets/pluizenbol/coach-atelier-v1.png');--ll-pluis-soft:#334c40;--ll-pluis-primary:#a9d5c3;--ll-pluis-on-primary:#172d29;--ll-pluis-shadow:0 6px 24px #0002}
:root.ll-pluis-site[data-theme=dark][data-kleur=warme-gloed]{--ll-pluis-primary:#e4c79e}
:root.ll-pluis-site[data-theme=dark][data-kleur=lavendelrust]{--ll-pluis-primary:#d0bedf}
:root.ll-pluis-site[data-theme=dark][data-kleur=groene-groei]{--ll-pluis-primary:#bbd5ac}
:root.ll-pluis-site[data-pluis-context=gevoel],:root.ll-pluis-site[data-pluis-context=profiel],:root.ll-pluis-site[data-pluis-context=zorg]{--ll-pluis-canvas-image:linear-gradient(var(--ll-pluis-panel),var(--ll-pluis-panel)),url('/dev/hoofdpaginas/assets/gevoel-geintegreerd.png')}
:root.ll-pluis-site[data-pluis-context=lezen]{--ll-pluis-canvas-image:linear-gradient(var(--ll-pluis-panel),var(--ll-pluis-panel)),url('/dev/hoofdpaginas/assets/leeslabo-leestuin-geintegreerd.png')}
:root.ll-pluis-site[data-pluis-context=aanmelden],:root.ll-pluis-site[data-pluis-context=qr]{--ll-pluis-canvas-image:linear-gradient(var(--ll-pluis-panel),var(--ll-pluis-panel)),url('/dev/hoofdpaginas/assets/leerling-twee-paden-geintegreerd-v2.png')}
:root.ll-pluis-site[data-pluis-context=rust]{--ll-pluis-canvas-image:linear-gradient(var(--ll-pluis-panel),var(--ll-pluis-panel)),url('/dev/hoofdpaginas/assets/rust-geintegreerd.png')}

:root.ll-pluis-site{--ll-pluis-review-spacing:10px 20px;--ll-pluis-review-gap:8px 16px;--ll-pluis-review-font:13px;--ll-pluis-review-layer:60}
:root.ll-pluis-site{--ll-pluis-profile-width:min(1120px,calc(100vw - 64px));--ll-pluis-profile-columns:1.25fr 1fr 1fr;--ll-pluis-profile-height:calc(100dvh - 64px)}

/* Annotatieronde: rustige titelruimte en herkenbare themabol. */
:where(.pluis-home){--ll-pluis-pupil-title-top:128px;--ll-pluis-pupil-title-right:12%;--ll-pluis-pupil-title-width:62%;--ll-pluis-orb-border:2px solid var(--ink);--ll-pluis-orb-ring:0 0 0 1px var(--paper);}

:where(.pluis-home){--ll-pluis-screen-height:calc(100dvh - var(--ll-pluis-toolbar-height,0px));--ll-pluis-screen-padding:24px 5vw;--ll-pluis-screen-gap:16px;--ll-pluis-screen-title:clamp(28px,3.25vw,44px);--ll-pluis-screen-card-padding:16px;--ll-pluis-screen-card-height:96px;}

:where(.pluis-home){--ll-pluis-small-title:clamp(22px,4vw,32px);--ll-pluis-small-padding:12px;--ll-pluis-small-card-height:76px;--ll-pluis-small-label:16px;--ll-pluis-small-copy:12px;}