/* ExBrain spacing — base-4 grid */
:root {
  --sp-1: 4px;   /* micro gap (icon + label) */
  --sp-2: 8px;   /* component internal padding */
  --sp-3: 12px;  /* small component padding */
  --sp-4: 16px;  /* standard padding */
  --sp-6: 24px;  /* section gap */
  --sp-8: 32px;  /* card padding */
  --sp-12: 48px; /* section padding */
  --sp-14: 56px; /* page padding (desktop) */
  --sp-16: 64px; /* large section gap */

  --container-max: 1240px; /* section containers, padding 56px */
}