/* bartax — Editorial-Design-Tokens
   Markenfarbe aus Logo: #4d6c57 (Tannengrün), Sekundär #7ea393 */
:root {
  /* Farbwelt */
  --green: #4d6c57;
  --green-strong: #3d5a47;
  --green-deep: #182420;   /* dunkle Flächen */
  --green-deep-2: #101a16;
  --sage: #7ea393;
  --sage-bright: #a8c7b6;  /* Akzent auf dunkel */
  --sage-wash: #e4ece6;    /* helle grüne Waschfläche */
  --paper: #f7f5ee;        /* warmes Papier */
  --paper-deep: #efece1;
  --ink: #21261f;          /* Text auf hell */
  --ink-soft: #5c635a;
  --line: rgba(33, 38, 31, 0.16);
  --line-strong: rgba(33, 38, 31, 0.32);
  --line-dark: rgba(247, 245, 238, 0.16);
  --paper-on-dark: #f2f0e8;
  --paper-on-dark-soft: rgba(242, 240, 232, 0.68);

  /* Typografie */
  --serif: "Fraunces", "Georgia", serif;
  --sans: "Archivo", "Helvetica Neue", sans-serif;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-sm: 0.875rem;
  --text-eyebrow: clamp(0.7rem, 0.66rem + 0.2vw, 0.78rem);
  --text-h1: clamp(2.6rem, 1.2rem + 5.6vw, 6rem);
  --text-h2: clamp(2rem, 1.2rem + 3vw, 3.6rem);
  --text-h3: clamp(1.3rem, 1.1rem + 0.8vw, 1.7rem);
  --text-stat: clamp(3rem, 2rem + 4vw, 5.5rem);

  /* Rhythmus */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --measure: 62ch;
  --radius: 4px;
  --radius-img: 6px;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}