:root {
  --color-blue: #0096ff;
  --color-green: #77cca4;
  --color-lime: #b4df37;
  --color-black: #000000;
  --color-white: #ffffff;

  --dark-surface: #1c1c1e;
  --dark-border: #2c2c2e;
  --dark-text-secondary: #666666;

  --light-surface: #f2f2f7;
  --light-border: #d1d1d6;
  --light-text-secondary: #6e6e73;

  --text-on-white: #0a0a0a;
  --text-on-white-strong: #1a1a1a;

  --font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  --content-max-width: 1160px;
  --content-pad: 48px;

  --section-pad: 108px;
  --band-pad: 72px;

  --radius-pill: 100px;
  --radius-card: 20px;
  --radius-chip: 12px;
  --radius-tile: 8px;
}

@media (max-width: 640px) {
  :root {
    --content-pad: 20px;
    --section-pad: 64px;
    --band-pad: 48px;
  }
}