:root {
  --color-brand-blue: #367ea6;
  --color-brand-blue-soft: #597e91;
  --color-ink: #47535f;
  --color-black: #1a1a1a;
  --color-white: #ffffff;
  --color-off-white: #f7f8f7;
  --color-border: #e8eaed;
  --color-skeleton: #d8dde3;

  --font-family-base: "Inter", system-ui, -apple-system, sans-serif;

  --font-size-sm: 0.875rem;
  --font-size-base: 1.0625rem;
  --font-size-lg: 1.25rem;
  --font-size-h3: 1.375rem;
  --font-size-h2: 1.75rem;
  --font-size-h1: clamp(1.75rem, 4vw, 2.5rem);
  --font-size-hook: clamp(1.125rem, 2.5vw, 1.375rem);

  --line-height-body: 1.6;
  --line-height-tight: 1.25;

  --max-width-content: 1100px;
  --section-padding-y: clamp(2.5rem, 6vw, 4rem);
  --section-padding-x: clamp(1.25rem, 4vw, 2rem);

  --radius-button: 10px;
  --radius-card: 12px;

  --header-height: 72px;
  --shadow-header: 0 2px 12px rgba(26, 26, 26, 0.08);
  --shadow-card: 0 4px 20px rgba(26, 26, 26, 0.06);

  --transition-fast: 0.2s ease;
  --z-header: 100;
  --z-mobile-bar: 90;
  --z-menu: 110;
}