/* ============================================================
   ABOUT AGENCY — Design Tokens 2026
   ============================================================ */
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

:root {
  --bg: #060a10;
  --bg-elevated: #0c1219;
  --bg-soft: #111a26;
  --surface-border: rgba(255,255,255,0.09);
  --text: #f2f5fa;
  --text-soft: rgba(242,245,250,0.72);
  --text-faint: rgba(242,245,250,0.46);
  --accent: #d4af6a;
  --accent-light: #f1d39c;
  --accent-dim: rgba(212,175,106,0.18);
  --accent-2: #8ec5ff;
  --accent-2-dim: rgba(142,197,255,0.14);
  --success: #a8f0c6;
  --danger: #ff9f9f;
  --font-display: 'General Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --shadow-soft: 0 24px 64px rgba(0,0,0,0.4);
  --shadow-card: 0 16px 40px rgba(0,0,0,0.3);
  --shadow-glow: 0 0 60px rgba(212,175,106,0.12);
  --container: min(1200px, calc(100vw - 48px));
  --container-narrow: min(840px, calc(100vw - 48px));
  --section-pad: clamp(64px, 10vw, 120px);
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --transition: 280ms var(--ease-out);
}