:root {
  --color-primary: #1f385f;
  --color-secondary: #121b24;
  --color-band: #131617;
  --color-button-primary: #e5b985;
  --color-button-primary-hover: #d4aa74;
  --color-accent: #f3d6be;
  --color-tertiary: #b3aca6;
  --color-text: #6b6668;
  --color-heading: #121b24;
  --color-bg: #ffffff;
  --color-alternate: #f6f2e9;
  --color-border: #eae6e7;
  --color-white: #ffffff;

  --font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-size-base: 17px;
  --line-height-base: 1.65;
  --font-size-h1: clamp(2rem, 5vw, 3.75rem);
  --font-size-h2: clamp(1.75rem, 4vw, 2.5rem);
  --font-size-h6: 14px;
  --letter-spacing-accent: 2px;

  --container-max: 1320px;
  --container-padding: clamp(20px, 4vw, 50px);
  --header-height: 90px;
  --radius-sm: 4px;
  --transition: 0.3s ease;
  --shadow-card: 0 20px 60px rgba(18, 27, 36, 0.12);
}