/* De Spaanse Wiki 2.0.0 — exact values from tokens.json */
@font-face {font-family:"Manrope";src:url("../fonts/Manrope.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;}
:root {
  --sw-color-page: #FFFFFF;
  --sw-color-surface: #FFFFFF;
  --sw-color-surface-alt: #FDF6F1;
  --sw-color-ink: #26191A;
  --sw-color-muted: #6E5A55;
  --sw-color-line: #EADFD8;
  --sw-color-control: #8C7872;
  /* Spaans rood uit de vlag. Contrast op wit 7,4:1, ruim genoeg voor tekst. */
  --sw-color-rood: #AA151B;
  --sw-color-rood-hover: #7E0F14;
  /* Lichte roodtint voor tekst op het rode vlak. Contrast op #AA151B 5,3:1. */
  --sw-color-rood-tint: #F7D2D3;
  --sw-color-rood-light: #FCEDED;
  /* Spaans geel haalt op wit maar 1,7:1 en is dus nooit tekstkleur op wit:
     alleen als vlak, accentlijn of tekst op een donkere ondergrond. */
  --sw-color-geel: #F1BF00;
  --sw-color-geel-light: #FFF6D9;
  --sw-color-success: #216343;
  --sw-color-success-light: #EAF7EF;
  /* De foutkleur wijkt bewust af van het merkrood, anders lijkt een melding
     op een merkelement. */
  --sw-color-error: #C2410C;
  --sw-color-error-light: #FFF1E8;
  --sw-color-warning: #805B13;
  --sw-color-warning-light: #FFF7DF;
  --sw-color-white: #FFFFFF;
  --sw-space-1: 0.25rem;
  --sw-space-2: 0.5rem;
  --sw-space-3: 0.75rem;
  --sw-space-4: 1rem;
  --sw-space-5: 1.25rem;
  --sw-space-6: 1.5rem;
  --sw-space-8: 2rem;
  --sw-space-10: 2.5rem;
  --sw-space-12: 3rem;
  --sw-space-16: 4rem;
  --sw-space-20: 5rem;
  --sw-space-24: 6rem;
  --sw-space-32: 8rem;
  --sw-font-display: "Manrope", system-ui, sans-serif;
  --sw-font-body: "Manrope", system-ui, sans-serif;
  --sw-radius-small: 0.25rem;
  --sw-radius-medium: 0.375rem;
  --sw-radius-large: 0.75rem;
  --sw-radius-pill: 999px;
  --sw-layout-container: 80rem;
  --sw-layout-reading: 43rem;
  --sw-layout-header: 5rem;
  --sw-layout-header-mobile: 4rem;
  --sw-layout-gutter: clamp(1.25rem, 4vw, 4rem);
  --sw-motion-fast: 120ms;
  --sw-motion-base: 180ms;
  --sw-motion-slow: 260ms;
  --sw-motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --sw-type-display: clamp(3.25rem, 6.6vw, 6.25rem);
  --sw-type-h1: clamp(2.5rem, 4.8vw, 4.5rem);
  --sw-type-h2: clamp(1.875rem, 3vw, 2.75rem);
  --sw-type-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --sw-type-body: 1.0625rem;
  --sw-type-article: clamp(1.0625rem, 1.35vw, 1.1875rem);
  --sw-type-small: 0.875rem;
  --sw-type-label: 0.75rem;
  --sw-shadow-floating: 0 12px 40px rgb(38 25 26 / 12%);
  --sw-z-base: 0;
  --sw-z-raised: 10;
  --sw-z-header: 30;
  --sw-z-popover: 40;
  --sw-z-overlay: 50;
  --sw-z-dialog: 60;
  --sw-z-toast: 70;
}
