/* Farmer Diamonds · Bücher — the house frame of the start page, tokens only. Generated from tokens.json by tools/tokens_css.py; do not edit. */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("fonts/CormorantGaramond-Italic-wght.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("fonts/Archivo-wdth-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --w-ground: #E9EAE6;
  --w-surface: #F7F7F4;
  --w-ink: #121314;
  --w-ink-muted: #4F5254;
  --w-line: #7E8283;
  --w-accent: #121314;
  --w-on-accent: #F7F7F4;
  --w-highlight: #D3D6CF;
  --w-link: #121314;
  --w-danger: #A3241B;
  --w-dlc: #4F5254;
  --w-dlc-active: #121314;
  --w-credit: #121314;
  --w-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --w-font-display-weight: 500;
  --w-font-text: "Archivo", "Segoe UI", system-ui, sans-serif;
  --w-font-text-weight: 400;
  --w-font-text-weight-strong: 600;
  --w-font-ui: "Archivo", "Segoe UI", system-ui, sans-serif;
  --w-font-ui-weight: 400;
  --w-font-ui-weight-strong: 600;
  --w-font-ui-tracking: 0.01em;
  --w-text-base: 16px;
  --w-leading: 1.5;
  --w-leading-tight: 1.1;
  --w-text-xs: 0.75rem;
  --w-text-sm: 0.875rem;
  --w-text-md: 1rem;
  --w-text-lg: 1.25rem;
  --w-text-xl: 1.5rem;
  --w-text-2xl: 2rem;
  --w-text-3xl: 3rem;
  --w-text-display: 8.25rem;
  --w-radius-sm: 2px;
  --w-radius-md: 3px;
  --w-radius-lg: 4px;
  --w-radius-round: 50%;
  --w-space-1: 4px;
  --w-space-2: 8px;
  --w-space-3: 12px;
  --w-space-4: 16px;
  --w-space-5: 24px;
  --w-space-6: 32px;
  --w-space-7: 48px;
  --w-space-8: 64px;
  --w-space-9: 96px;
  --w-shadow-sm: 0 1px 2px rgba(18, 19, 20, 0.10);
  --w-shadow-md: 0 2px 8px rgba(18, 19, 20, 0.12);
  --w-shadow-lg: 0 10px 30px rgba(18, 19, 20, 0.16);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --w-ground: #101112;
    --w-surface: #1A1C1D;
    --w-ink: #EAEBE7;
    --w-ink-muted: #A2A6A7;
    --w-line: #6E7274;
    --w-accent: #EAEBE7;
    --w-on-accent: #101112;
    --w-highlight: #33362F;
    --w-link: #EAEBE7;
    --w-danger: #F08A7E;
    --w-dlc: #A2A6A7;
    --w-dlc-active: #EAEBE7;
    --w-credit: #EAEBE7;
    --w-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --w-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.55);
    --w-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);
  }
}

:root[data-theme="dark"] {
  --w-ground: #101112;
  --w-surface: #1A1C1D;
  --w-ink: #EAEBE7;
  --w-ink-muted: #A2A6A7;
  --w-line: #6E7274;
  --w-accent: #EAEBE7;
  --w-on-accent: #101112;
  --w-highlight: #33362F;
  --w-link: #EAEBE7;
  --w-danger: #F08A7E;
  --w-dlc: #A2A6A7;
  --w-dlc-active: #EAEBE7;
  --w-credit: #EAEBE7;
  --w-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
  --w-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.55);
  --w-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);
}
