/* ==========================================================================
   Gamelumo Zora — Atlas Tokens
   Zentrales Variablensystem fuer Farbe, Typografie, Abstand und Raster.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap");

:root {
  /* -- Farbfelder ---------------------------------------------------------- */
  --glz-paper: #f1efe4;
  --glz-paper-raised: #e8e4d3;
  --glz-paper-deep: #dcd6bf;
  --glz-ink: #1b231f;
  --glz-ink-soft: #4b554d;
  --glz-ink-faint: #7a8279;
  --glz-line: #c7c0a8;
  --glz-line-strong: #a9a087;

  --glz-moss-900: #1e3a2c;
  --glz-moss-700: #2c5a41;
  --glz-moss-500: #3d7a58;
  --glz-moss-tint: #dde8dd;

  --glz-slate-900: #202f3c;
  --glz-slate-700: #2f4a5e;
  --glz-slate-500: #43698a;
  --glz-slate-tint: #dfe6ec;

  --glz-signal: #b3452c;

  --glz-on-dark: #f1efe4;
  --glz-on-dark-soft: #cdd3c7;

  /* -- Typografie ----------------------------------------------------------- */
  --glz-font-body: "Inter Tight", "Inter Tight Fallback", system-ui, sans-serif;
  --glz-lh-tight: 1.08;
  --glz-lh-heading: 1.16;
  --glz-lh-body: 1.55;
  --glz-tracking-caps: 0.14em;

  --glz-fs-90: clamp(0.78rem, 0.74rem + 0.15vw, 0.86rem);
  --glz-fs-100: clamp(0.92rem, 0.88rem + 0.2vw, 1rem);
  --glz-fs-200: clamp(1.05rem, 1rem + 0.35vw, 1.2rem);
  --glz-fs-300: clamp(1.3rem, 1.15rem + 0.7vw, 1.65rem);
  --glz-fs-400: clamp(1.7rem, 1.4rem + 1.4vw, 2.5rem);
  --glz-fs-500: clamp(2.2rem, 1.7rem + 2.6vw, 3.6rem);
  --glz-fs-600: clamp(2.8rem, 1.9rem + 4.4vw, 5.1rem);

  /* -- Abstandsraster --------------------------------------------------------- */
  --glz-gap-2xs: clamp(0.35rem, 0.32rem + 0.15vw, 0.5rem);
  --glz-gap-xs: clamp(0.6rem, 0.55rem + 0.25vw, 0.85rem);
  --glz-gap-sm: clamp(0.9rem, 0.8rem + 0.45vw, 1.3rem);
  --glz-gap-md: clamp(1.4rem, 1.2rem + 0.9vw, 2.1rem);
  --glz-gap-lg: clamp(2.1rem, 1.7rem + 1.7vw, 3.4rem);
  --glz-gap-xl: clamp(3rem, 2.2rem + 3.6vw, 5.6rem);
  --glz-gap-2xl: clamp(4rem, 2.8rem + 5.2vw, 7.8rem);

  --glz-edge: clamp(1.1rem, 0.7rem + 2.4vw, 3.4rem);
  --glz-measure: 68ch;

  /* -- Struktur ---------------------------------------------------------------- */
  --glz-radius-sharp: 2px;
  --glz-radius-soft: 10px;
  --glz-border-thin: 1px solid var(--glz-line);
  --glz-border-thick: 2px solid var(--glz-ink);
  --glz-focus-ring: 3px solid var(--glz-signal);

  --glz-shadow-flat: 0 1px 0 var(--glz-line-strong);
  --glz-shadow-lift: 0 18px 32px -22px rgba(27, 35, 31, 0.45);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light;
  }
}