:root {
  --color-bg: #ffffff;
  --color-surface: #f3f4f3;
  --color-surface-raised: #ffffff;
  --color-text: #303b40;
  --color-heading: #202d33;
  --color-text-muted: #59656a;
  --color-accent: #f76b16;
  --color-accent-contrast: #18252b;
  --color-accent-hover: #ff812e;
  --color-link: #ac4000;
  --color-border: #849095;
  --color-divider: #dce1e2;
  --color-focus: #963700;
  --color-inverse: #ffffff;
  --color-inverse-muted: #c1cbd0;
  --color-technical-line: #c8d0d2;
  --font-body: 'Mardoto', Arial, Helvetica, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lead: 19px;
  --text-title: 46px;
  --text-display: 76px;
  --leading-body: 1.65;
  --leading-heading: 1.08;
  --weight-medium: 500;
  --weight-bold: 700;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-section: 104px;
  --space-region: 56px;
  --space-component: var(--space-3);
  --radius-control: 3px;
  --radius-surface: 0;
  --shadow-header: 0 4px 20px rgba(25, 39, 45, .05);
  --shadow-form: 0 18px 52px rgba(25, 39, 45, .07);
  --container-max: 1248px;
  --container-padding: 48px;
  --container-narrow: 640px;
  --duration-fast: 160ms;
  --ease-default: cubic-bezier(.2, .7, .2, 1);
  --header-height: 104px;
  --button-height: 52px;
  --logo-width: 164px;
  --logo-height: 44px;
  --logo-source-width: 192px;
  --logo-offset-x: -14px;
  --logo-offset-y: -15px;
}

@media (max-width: 1199px) {
  :root { --text-display: 60px; --text-title: 40px; --container-padding: 32px; --space-section: 80px; }
}
@media (max-width: 539px) {
  :root { --text-display: clamp(36px, 11.3vw, 44px); --text-title: 34px; --container-padding: 20px; --space-section: 64px; --space-region: 40px; --space-5: 32px; }
}