:root {
  --font-family: 'PT Sans', system-ui, sans-serif;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: clamp(20px, 2.5vw + 12px, 24px);
  --text-3xl: clamp(24px, 3vw + 14px, 30px);
  --text-4xl: clamp(28px, 4vw + 16px, 36px);
  --text-5xl: clamp(32px, 5vw + 18px, 48px);
  --leading-tight: 1.15;
  --leading-snug: 1.25;
  --leading-heading: 1.3;
  --leading-normal: 1.6;
  --leading-relaxed: 1.5;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.01em;
  --tracking-widest: 0.08em;
  --weight-regular: 400;
  --weight-bold: 700;
  --radius: 4px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-sm-1: 9px;
  --radius-md: 12px;
  --radius-lg: 15px;
  --radius-xl: 18px;
  --but-card-radius: var(--radius);
  --space-after-h1: 32px;
  --space-after-h2: 24px;
  --space-after-h3: 20px;
  --space-after-h4: 16px;
  --space-after-paragraph: 16px;
  --space-section: 64px;
  --max-width-text: 680px;
  --max-width-wide: 960px;
  --but-card-height: 36px;
  --shadow-primary: 0 0 0 3px rgba(53, 57, 97, 0.25);
  --shadow-secondary: 0 0 0 3px rgba(53, 57, 97, 0.15);
  --shadow-danger: 0 0 0 3px rgba(239, 68, 68, 0.25);
  --shadow-success: 0 0 0 3px rgba(65, 160, 64, 0.25);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);
  --transition: 0.15s ease;
  --color-primary: #353961;
  --color-primary-hover: #2a2e50;
  --color-primary-active: #1f2240;
  --color-primary-disabled: #a8aac0;
  --color-gray: #e0e7ed;
  --color-gray-active: #cdd5dd;
  --color-gray-border: #d0d5db;
  --color-border-muted: #ccc;
  --color-danger: #ef4444;
  --color-danger-hover: #dc3535;
  --color-danger-active: #b82828;
  --color-danger-light: #fca5a5;
  --color-success: #41a040;
  --color-success-hover: #379036;
  --color-success-active: #2d7a2d;
  --color-success-light: #a0d0a0;
  --color-white: #ffffff;
  --color-purple: #515687;
  --color-lightgray: #cacaca;
  --color-houzez-navy: #004274;
  --color-houzez-accent: #00aeff;
  --border-default: #DCE0E0;
  --color-bg-tint-blue: #EEF2FB;
  --color-bg-tint-purple: #EAEBF7;
  --color-bg-success-light: #EDFFED;
  --gradient-brand-panel: linear-gradient(267.73deg, var(--color-bg-tint-blue) 5.69%, var(--color-bg-tint-purple) 101.13%);
  --color-heading: #1E2139;
  --color-body: #3A3D56;
  --color-muted: #5B5E76;
  --color-caption: #6B6E85;
  --color-accent: #4361EE;
  --color-mainText: #B2B2BB;
  --color-Text: #65698F;
  --color-ptag: #595959;
  --color-hTag: var(--color-primary);
  --text-secondary: var(--color-primary);
  --white-text: var(--color-white);
  --color-footerBg: var(--color-primary);
  --color-blend: #f6f7f8;
  --color-href: #559bd6;
  --color-button: var(--color-primary);
  --hover-button: #5A5F8F;
  --pressed-button: #5B68E5;
  --but-card-border-color: var(--color-purple);
  --but-card-hover-bg: var(--color-purple);
  --but-bg-disabled: var(--color-lightgray);
  --but-border-disabled: var(--color-lightgray);
  --but-white-border: #d0d0d0;
  --btn-text-primary: #ffffff;
  --btn-text-secondary: var(--color-primary);
  --btn-text-muted: #6b7280;
  --btn-text-disabled: #b0b2c0;
  --color-secondary: #848B99;
  --color-text-primary: #3D4658;
  --color-warning: #F2C94C;
  --color-warning-light: #FDFBD5;
  --color-error: #FF5555;
  --color-link-alt: #0075da;
  --color-link-brand: #5C83CF;
  --color-muted-alt: #777E8C;
  --space-page-x: 15px;
  --space-page-max: 1230px;
  --space-section: 64px;
  --mini-h: var(--text-lg);
  --sub-h: var(--text-2xl);
  --section-h: var(--text-3xl);
  --h1: var(--text-5xl);
}