/*
 * Design tokens — overrides and additions to the base styles.css variables.
 * Kept minimal; base variables are defined in styles.css :root.
 */

:root {
  /* section padding */
  --section-padding: 24px;

  /* card and component spacing */
  --card-border-radius: 4px;
  --block-gap: 48px;
}

@media (width >= 900px) {
  :root {
    --section-padding: 64px;
  }
}

@media (width >= 1200px) {
  :root {
    --section-padding: 80px;
  }
}