/* DS Steuerberatung — Spacing & Layout Tokens */

:root {
  /* ── Base scale (4px unit) ─────────────────── */
  --space-0:   0;
  --space-1:   0.25rem;   /*  4px */
  --space-2:   0.5rem;    /*  8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-7:   1.75rem;   /* 28px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-14:  3.5rem;    /* 56px */
  --space-16:  4rem;      /* 64px */
  --space-20:  5rem;      /* 80px */
  --space-24:  6rem;      /* 96px */
  --space-28:  7rem;      /* 112px */
  --space-32:  8rem;      /* 128px */

  /* ── Layout ────────────────────────────────── */
  --content-max-width:   1200px;
  --content-wide:        1400px;
  --container-px:        var(--space-6);   /* horizontal page padding */
  --section-py:          var(--space-20);  /* section vertical padding */
  --section-py-lg:       var(--space-24);  /* larger sections */

  /* ── Component ─────────────────────────────── */
  --card-padding:        var(--space-8);
  --card-padding-sm:     var(--space-6);
  --gap-grid:            var(--space-6);
  --gap-grid-lg:         var(--space-8);

  /* ── Header ────────────────────────────────── */
  --header-height:       72px;
  --header-height-sm:    60px;
}