@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --bg: #08090a;
  --bg-soft: #0d0f11;
  --surface: #121417;
  --surface-raised: #16191d;
  --surface-overlay: rgba(18, 20, 23, 0.85);
  --text: #f4f5f5;
  --text-soft: #a2a8ab;
  --text-muted: #6e7578;
  --accent: #69afe8;
  --accent-soft: rgba(105, 175, 232, 0.12);
  --border: rgba(255, 255, 255, 0.085);
  --border-strong: rgba(255, 255, 255, 0.18);
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
  --radius-sm: 0.5rem;
  --radius-md: 0.85rem;
  --radius-lg: 1.25rem;
  --radius-full: 9999px;
  --page: min(100% - 3rem, 84rem);
  --space-section: clamp(4.5rem, 8vw, 8rem);
  --transition-fast: 160ms ease;
  --transition: 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}