/* Legal Holding — generated from tokens.json. Fonts: self-host from ./fonts */
@font-face{font-family:"Hanken Grotesk";src:url("./fonts/HankenGrotesk-Variable-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("./fonts/HankenGrotesk-Variable-Italic-latin.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("./fonts/IBMPlexMono-Regular-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("./fonts/IBMPlexMono-Medium-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("./fonts/EBGaramond-Medium-latin.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url("./fonts/EBGaramond-SemiBold-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root, [data-theme="light"] {
  --surface-page: #F4F5F8;
  --surface-card: #FFFFFF;
  --surface-soft: #EEF3F8;
  --surface-ivory: #F8F3E8;
  --surface-navy: #0B1426;
  --ink: #0B1426;
  --ink-body: #36425A;
  --ink-muted: #556178;
  --ink-on-navy: #F3ECDD;
  --ink-on-navy-muted: #B9C2D3;
  --gold: #C9A24D;
  --gold-deep: #A8812E;
  --gold-text: #7E611F;
  --line: #DCE0E8;
  --line-strong: #7D879C;
  --link: #1D3F86;
  --focus: #1D3F86;
  --action: #0B1426;
  --action-hover: #1B2C52;
  --action-ink: #F3ECDD;
  --gold-ink: #0B1426;
  --success: #1E6E47;
  --warning: #8A5300;
  --danger: #B3261E;
  --success-soft: #E5F3EB;
  --warning-soft: #FBF0DC;
  --danger-soft: #FBE7E5;
  --area-huurrecht: #1F5E57;
  --area-huurrecht-soft: #E6F1EF;
  --area-arbeidsrecht: #2A4A8A;
  --area-arbeidsrecht-soft: #E8EDF8;
  --area-contractenrecht: #5A3A72;
  --area-contractenrecht-soft: #F0EAF6;
  --area-autorecht: #8A4A1E;
  --area-autorecht-soft: #F7ECE3;
  --area-incasso: #4E5A1C;
  --area-incasso-soft: #EEF1E1;
  --area-familierecht: #8A3558;
  --area-familierecht-soft: #F7E8EE;
  --area-strafrecht: #3B4250;
  --area-strafrecht-soft: #ECEEF1;
  --shadow-sm: 0 1px 2px rgba(11, 20, 38, 0.06);
  --shadow-md: 0 6px 20px rgba(11, 20, 38, 0.08);
  --shadow-lg: 0 18px 48px rgba(11, 20, 38, 0.14);
}
[data-theme="dark"] {
  --surface-page: #0B1426;
  --surface-card: #121E38;
  --surface-soft: #17264A;
  --surface-ivory: #1A2847;
  --surface-navy: #1B2C52;
  --ink: #F3ECDD;
  --ink-body: #CDD4E0;
  --ink-muted: #9EA9BC;
  --ink-on-navy: #F3ECDD;
  --ink-on-navy-muted: #B9C2D3;
  --gold: #C9A24D;
  --gold-deep: #D4B36A;
  --gold-text: #DCC07F;
  --line: #26375C;
  --line-strong: #5D6F96;
  --link: #A9C2F2;
  --focus: #DCC07F;
  --action: #C9A24D;
  --action-hover: #DCC07F;
  --action-ink: #0B1426;
  --gold-ink: #0B1426;
  --success: #6FCF9E;
  --warning: #EDB65E;
  --danger: #F2938A;
  --success-soft: #16352A;
  --warning-soft: #3A2C12;
  --danger-soft: #3D1C1C;
  --area-huurrecht: #7FC8BC;
  --area-huurrecht-soft: #14302D;
  --area-arbeidsrecht: #9DB5EC;
  --area-arbeidsrecht-soft: #1A2748;
  --area-contractenrecht: #C6A8E0;
  --area-contractenrecht-soft: #2C2140;
  --area-autorecht: #EBB083;
  --area-autorecht-soft: #3A2414;
  --area-incasso: #C2CF7E;
  --area-incasso-soft: #272E12;
  --area-familierecht: #EFA2C1;
  --area-familierecht-soft: #3B1A29;
  --area-strafrecht: #B7BFCD;
  --area-strafrecht-soft: #20252F;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-page: #0B1426;
    --surface-card: #121E38;
    --surface-soft: #17264A;
    --surface-ivory: #1A2847;
    --surface-navy: #1B2C52;
    --ink: #F3ECDD;
    --ink-body: #CDD4E0;
    --ink-muted: #9EA9BC;
    --ink-on-navy: #F3ECDD;
    --ink-on-navy-muted: #B9C2D3;
    --gold: #C9A24D;
    --gold-deep: #D4B36A;
    --gold-text: #DCC07F;
    --line: #26375C;
    --line-strong: #5D6F96;
    --link: #A9C2F2;
    --focus: #DCC07F;
    --action: #C9A24D;
    --action-hover: #DCC07F;
    --action-ink: #0B1426;
    --gold-ink: #0B1426;
    --success: #6FCF9E;
    --warning: #EDB65E;
    --danger: #F2938A;
    --success-soft: #16352A;
    --warning-soft: #3A2C12;
    --danger-soft: #3D1C1C;
    --area-huurrecht: #7FC8BC;
    --area-huurrecht-soft: #14302D;
    --area-arbeidsrecht: #9DB5EC;
    --area-arbeidsrecht-soft: #1A2748;
    --area-contractenrecht: #C6A8E0;
    --area-contractenrecht-soft: #2C2140;
    --area-autorecht: #EBB083;
    --area-autorecht-soft: #3A2414;
    --area-incasso: #C2CF7E;
    --area-incasso-soft: #272E12;
    --area-familierecht: #EFA2C1;
    --area-familierecht-soft: #3B1A29;
    --area-strafrecht: #B7BFCD;
    --area-strafrecht-soft: #20252F;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.55);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --fs-display: clamp(2.75rem, 1.8333rem + 4.0741vw, 5.5rem);
  --fs-h1: clamp(2.375rem, 1.75rem + 2.7778vw, 4.25rem);
  --fs-h2: clamp(1.75rem, 1.4583rem + 1.2963vw, 2.625rem);
  --fs-h3: clamp(1.375rem, 1.2083rem + 0.7407vw, 1.875rem);
  --fs-h4: clamp(1.1875rem, 1.1042rem + 0.3704vw, 1.4375rem);
  --fs-lead: clamp(1.25rem, 1.1667rem + 0.3704vw, 1.5rem);
  --fs-answer: clamp(1.1875rem, 1.125rem + 0.2778vw, 1.375rem);
  --fs-body: clamp(1.125rem, 1.0833rem + 0.1852vw, 1.25rem);
  --fs-small: clamp(1rem, 0.9792rem + 0.0926vw, 1.0625rem);
  --fs-caption: clamp(0.875rem, 0.8542rem + 0.0926vw, 0.9375rem);
  --fs-label: clamp(0.875rem, 0.8542rem + 0.0926vw, 0.9375rem);
  --fs-quote: clamp(1.5rem, 1.3333rem + 0.7407vw, 2rem);
  --measure: 68ch;
  --container: 1240px;
  --container-text: 760px;
  --gutter: clamp(1rem, 0.5rem + 2.2222vw, 2.5rem);
  --section-y: clamp(4rem, 3.3333rem + 2.963vw, 6rem);
  --touch: 48px;
  --header-h: 72px;
  --bp-md: 768px;
  --bp-lg: 1100px;
  --font-sans: "Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --font-serif: "EB Garamond", Garamond, Georgia, serif;
}