/* InKapa — design tokens */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600;700&display=swap');

:root {
  --bg-base: #0D0D0D;
  --bg-surface: #161616;
  --bg-surface-2: #202020;
  --border-default: #2C2C2C;
  --text-primary: #FFFFFF;
  --text-muted: #9B9B9B;
  --accent: #C8FF2E;
  --on-accent: #0D0D0D;

  --font-heading: 'Unbounded', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;

  --radius-chip: 8px;
  --radius-input: 14px;
  --radius-card: 24px;
  --radius-card-lg: 28px;
  --radius-pill: 100px;

  --container: 1200px;
  --side-padding: 120px;
  --section-py: 120px;
  --gap: 24px;
}

@media (max-width: 767px) {
  :root {
    --side-padding: 20px;
    --section-py: 56px;
    --gap: 12px;
  }
}