:root {
  --bg-page: #f4f5f7;
  --bg-card-white: #ffffff;
  --bg-card-dark: #121316;
  --text-primary: #0f1012;
  --text-secondary: #5a5e66;
  --text-dark: var(--text-primary);
  --text-muted: var(--text-secondary);
  --text-on-dark: #ffffff;
  --text-on-dark-muted: #b8bcc4;
  --border-light: rgb(0 0 0 / 0.06);
  --font-sans: "Plus Jakarta Sans", -apple-system, sans-serif;
  --font-heading: "Plus Jakarta Sans", sans-serif;
  --font-body: Inter, sans-serif;
  --radius-bento: 32px;
  --radius-card: 20px;
  --radius-pill: 40px;
  --radius-icon: 14px;
  --shadow-card: 0 10px 30px rgb(18 19 22 / 0.03);
  --header-height: 72px;
  --touch-min: 44px;
  --page-pad: 1.5rem;
  --page-max: 1180px;
  --gap: 1rem;
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --h1: clamp(2.05rem, 3.1vw, 2.85rem);
  --h2: clamp(1.7rem, 2.6vw, 2.35rem);
  --body: 0.95rem;
}

html {
  scroll-padding-top: calc(var(--header-height) + 0.75rem);
}