/*
  FIAZ ALI WEBSITE DESIGN CONTROLS
  Change these values when you want to adjust the look without digging through
  the full stylesheet.
*/

:root {
  --page-max-width: 1180px;
  --section-padding: clamp(72px, 9vw, 132px);
  --section-padding-tight: clamp(46px, 6vw, 82px);
  --hero-min-height: 92vh;
  --black: #050505;
  --black-soft: #101010;
  --charcoal: #171717;
  --white: #f8f5ee;
  --muted: #b9b4aa;
  --gold: #d5aa48;
  --gold-bright: #f3d37b;
  --gold-deep: #7e5518;
  --danger-red: #b21d1d;
  --signal-green: #118348;
  --body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display-font: "Arial Black", "Segoe UI Black", "Trebuchet MS", Arial, sans-serif;
  --hero-title-size: clamp(10px, 4.8vw, 200px);
  --section-title-size: clamp(34px, 5.2vw, 76px);
  --card-title-size: clamp(24px, 2.6vw, 36px);
  --body-size: 17px;
  --button-height: 56px;
  --button-radius: 4px;
  --card-radius: 8px;
  --image-radius: 8px;
  --border-width: 1px;
  --hero-photo-height: clamp(420px, 66vh, 760px);
  --standard-photo-height: clamp(420px, 48vw, 620px);
  --gallery-photo-height: clamp(320px, 38vw, 520px);
  --offer-card-min-height: 410px;
  --testimonial-min-height: 230px;
  --card-padding: clamp(22px, 3vw, 36px);
  --grid-gap: clamp(18px, 2.5vw, 34px);
  --letter-space-wide: 0.18em;
}