:root {
  --brand-bg: #f5f1e8;
  --brand-surface: rgba(255, 255, 255, 0.82);
  --brand-surface-strong: #ffffff;
  --brand-surface-muted: #efe8db;
  --brand-text: #23313a;
  --brand-text-soft: #5c6c72;
  --brand-text-muted: #7a898f;
  --brand-line: rgba(35, 49, 58, 0.12);
  --brand-blue: #115685;
  --brand-blue-deep: #08466b;
  --brand-blue-soft: rgba(17, 86, 133, 0.09);
  --brand-green: #75b92f;
  --brand-green-soft: rgba(117, 185, 47, 0.12);
  --brand-yellow: #fee004;
  --brand-yellow-soft: rgba(254, 224, 4, 0.16);
  --brand-shadow-soft: 0 18px 45px rgba(35, 49, 58, 0.08);

  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --layout-container: 1260px;
  --measure-copy: 46rem;
  --measure-wide: 60rem;

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;

  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 28px;

  --type-h1: clamp(2rem, 3.2vw, 3rem);
  --type-h1-weight: 500;
  --type-h1-line-height: 1.02;
  --type-h1-letter-spacing: -0.045em;
  --type-h2: clamp(1.75rem, 2.6vw, 2.5rem);
  --type-h2-weight: 500;
  --type-h2-line-height: 1.08;
  --type-h2-letter-spacing: -0.04em;
  --type-h3: clamp(1.375rem, 1.8vw, 1.75rem);
  --type-h3-weight: 500;
  --type-h3-line-height: 1.18;
  --type-h3-letter-spacing: -0.025em;
  --type-body: clamp(1rem, 0.4vw + 0.92rem, 1.1875rem);
}

@media (max-width: 680px) {
  :root {
    --type-h1: clamp(1.75rem, 7.5vw, 2.125rem);
  }
}