/* Akula & Associates — Spacing Tokens */

:root {
  /* ── Base scale (4px base) ── */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32:  128px;
  --space-40:  160px;

  /* ── Semantic layout slots ── */
  --gap-xs:    var(--space-2);
  --gap-sm:    var(--space-4);
  --gap-md:    var(--space-6);
  --gap-lg:    var(--space-10);
  --gap-xl:    var(--space-16);

  --section-padding-y:  var(--space-20);
  --section-padding-x:  var(--space-8);
  --container-max:      1200px;
  --container-padding:  var(--space-8);

  --header-height:      80px;
  --contact-bar-height: 64px;

  /* ── Radius ── */
  --radius-none:   0;
  --radius-sm:     2px;
  --radius-md:     4px;
  --radius-lg:     8px;
  --radius-full:   9999px;

  /* ── Borders ── */
  --border-width:  1px;
  --border-width-thick: 2px;
  --rule-weight:   1px;
  --rule-accent-weight: 1px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08);
  --shadow-lg:  0 10px 30px rgba(0,0,0,0.15), 0 4px 8px rgba(0,0,0,0.08);
}