:root {
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-h1: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);
  --fs-h2: clamp(1.6rem, 1.4rem + 1vw, 2.25rem);
  --fs-h3: clamp(1.2rem, 1.1rem + 0.4vw, 1.5rem);
  --fs-quote: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;
  --lh-body: 1.65;
  --lh-heading: 1.12;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 7.5rem;
  --space-8: 12rem;

  --content-max: 78rem;
  --radius: 8px;
  --border-hairline: 1px solid var(--color-line);

  --grid-cols: 12;
  --grid-gap: clamp(1.25rem, 1vw + 1rem, 2.5rem);
  --col-content: 8;
  --col-margin: 4;
}

:root,
:root[data-palet="adacayi_krem"] {
  --color-bg: #F6F1E6;
  --color-surface: #ECE4D1;
  --color-ink: #24291F;
  --color-ink-muted: #565A4E;
  --color-primary: #55684A;
  --color-primary-hover: #435038;
  --color-primary-ink: #F6F1E6;
  --color-line: #D6C9AA;
  --color-marginalia: #7C3F3F;
}

:root[data-palet="yumusak_mavi_beyaz"] {
  --color-bg: #FBFCFE;
  --color-surface: #EDF2F7;
  --color-ink: #1F2933;
  --color-ink-muted: #52606D;
  --color-primary: #4A6FA5;
  --color-primary-hover: #3A597F;
  --color-primary-ink: #FBFCFE;
  --color-line: #D3DEE8;
  --color-marginalia: #8B5A6B;
}

:root[data-palet="bej_toprak"] {
  --color-bg: #EFE6D8;
  --color-surface: #E2D3BC;
  --color-ink: #2B2118;
  --color-ink-muted: #5C4E3D;
  --color-primary: #8B5A34;
  --color-primary-hover: #6E4527;
  --color-primary-ink: #EFE6D8;
  --color-line: #CBB48D;
  --color-marginalia: #4A3324;
}

:root[data-palet="lavanta_krem"] {
  --color-bg: #F5F1F5;
  --color-surface: #E9E0EA;
  --color-ink: #2A2430;
  --color-ink-muted: #5C5364;
  --color-primary: #6B5B8A;
  --color-primary-hover: #52456C;
  --color-primary-ink: #F5F1F5;
  --color-line: #D7CBDD;
  --color-marginalia: #6E3B52;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}