/* Aave — Spacing, radius, shadow, layout tokens. Base unit 8px. */
:root {
  --spacing-unit: 8px;
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  --spacing-120: 120px;
  --spacing-176: 176px;

  /* Border radius */
  --radius-badges: 8px;
  --radius-nav-items: 8px;
  --radius-cards: 20px;
  --radius-inputs: 20px;
  --radius-cards-featured: 24px;
  --radius-buttons-secondary: 50px;
  --radius-buttons: 1584px; /* full pill */

  /* Layout */
  --page-max-width: 1200px;
  --card-padding: 24px;
  --element-gap: 8px;

  /* Elevation — the ONLY sanctioned shadow. Floating elements only. */
  --shadow-lg: rgba(0, 0, 0, 0.05) 0px 6px 20px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}