/* ==========================================================================
   RITTER IMMO — Design Tokens
   Palette derived exclusively from the brand mark: anthracite, paper, stone.
   No accent color — discipline over decoration.
   ========================================================================== */

:root {
  /* Color */
  --ink:        #262C35;   /* primary — from logo */
  --ink-90:     rgba(38,44,53,.92);
  --ink-70:     rgba(38,44,53,.72);
  --ink-45:     rgba(38,44,53,.45);
  --ink-12:     rgba(38,44,53,.12);
  --ink-06:     rgba(38,44,53,.06);
  --paper:      #FFFFFF;
  --fog:        #F5F4F1;   /* section alt background */
  --stone:      #E4E2DD;   /* borders / hairlines on light */
  --stone-line: #C9C6C0;
  --graphite:   #83858A;   /* secondary text */
  --line-on-dark: rgba(255,255,255,.16);
  --text-on-dark-70: rgba(255,255,255,.72);
  --text-on-dark-45: rgba(255,255,255,.45);

  /* Type */
  --font-display: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  --fs-hero:  clamp(2.6rem, 3.4vw + 1.8rem, 6.4rem);
  --fs-h1:    clamp(2.1rem, 1.8vw + 1.6rem, 3.6rem);
  --fs-h2:    clamp(1.7rem, 1.2vw + 1.3rem, 2.6rem);
  --fs-h3:    clamp(1.25rem, .5vw + 1.1rem, 1.6rem);
  --fs-lead:  clamp(1.1rem, .4vw + 1rem, 1.375rem);
  --fs-body:  1rem;
  --fs-small: .875rem;
  --fs-eyebrow: .75rem;
  --fs-index: clamp(3.5rem, 5vw, 7rem);

  --lh-tight: 1.05;
  --lh-snug: 1.25;
  --lh-body: 1.65;

  /* Layout */
  --container: 1440px;
  --gutter: clamp(24px, 5vw, 96px);
  --section-y: clamp(88px, 10vw, 168px);
  --section-y-sm: clamp(56px, 6vw, 96px);

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur-fast: .35s;
  --dur-med: .7s;
  --dur-slow: 1.1s;

  /* No rounding, no shadows — architectural discipline */
  --radius: 0px;
}

@media (prefers-color-scheme: dark) {
  /* Site is intentionally light-first (editorial paper feel).
     Dark sections are authored explicitly via .on-dark, not via media query. */
}