@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@700,500,400&display=swap');

/* ── Design tokens ───────────────────── */
:root {
  --color-bg:          #08080C;
  --color-surface:     #111118;
  --color-border:      #1E1E2A;
  --color-accent:      #FF4D2E;
  --color-accent-dim:  rgba(255, 77, 46, 0.15);
  --color-text:        #F0EDE8;
  --color-muted:       #6B6B7A;

  --font-display: 'Satoshi', sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Reset ───────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-text);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

/* ── Layout ──────────────────────────── */
.agc-container {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(20px, 4vw, 80px);
  padding-right: clamp(20px, 4vw, 80px);
}