:root {
  /* Colors — Forest / Bone */
  --c-abyss:        #0d1508;
  --c-forest-deep:  #1a2510;
  --c-forest:       #2c3226;
  --c-moss:         #3d4a25;
  --c-bone:         #f5f0e8;
  --c-snow:         #ffffff;

  /* Colors — Akzent / CTA */
  --c-ember:        #E8500A;
  --c-ember-deep:   #c04008;
  --c-brass:        #c9a96e;
  --c-brass-deep:   #8a7a56;

  /* Colors — Status */
  --c-success:      #5a6a3c;
  --c-alert:        #a53a1f;

  /* Spacing */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;
  --space-3xl: 10rem;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   10px;
  --radius-lg:   18px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.25);
  --shadow-lift: 0 12px 36px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 40px rgba(232, 80, 10, 0.25);

  /* Motion */
  --ease-out:  cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-lift: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:  150ms;
  --dur-base:  250ms;
  --dur-slow:  500ms;

  /* Float (Glass-Karten) */
  --float-amp: 4px;
  --float-dur: 6s;

  /* Typography Scale (responsive via clamp) */
  --fs-display: clamp(48px, 8vw, 96px);
  --fs-h1:      clamp(36px, 5vw, 64px);
  --fs-h2:      clamp(28px, 3.5vw, 42px);
  --fs-h3:      22px;
  --fs-body-lg: 17px;
  --fs-body:    15px;
  --fs-ui:      12px;
  --fs-mono:    13px;

  /* Layout */
  --content-width: 720px;
  --wide-width:    1280px;

  /* Header height (used by sticky-offset etc.) */
  --header-height: 88px;
}