/* ==========================================================================
   Design tokens — extracted from Figma (Greater Texas Home Buyers)
   ========================================================================== */
:root {
  /* Brand */
  --gt-red: #bc0a2f;
  --gt-red-dark: #9c0827;
  --gt-navy: #022766;
  --gt-navy-deep: #021c4a;

  /* Text */
  --gt-text: #1d1d1f;
  --gt-text-muted: #6e6e73;
  --gt-text-faint: #a1a1a6;
  --gt-text-on-dark: rgba(255, 255, 255, 0.85);
  --gt-text-on-dark-muted: rgba(255, 255, 255, 0.75);
  --gt-text-on-dark-faint: rgba(255, 255, 255, 0.5);

  /* Surfaces */
  --gt-bg: #ffffff;
  --gt-bg-subtle: #f5f5f7;
  --gt-bg-quote: #eff3f9;
  --gt-border: #e3e3e6;
  --gt-chip-bg: #ededf0;

  /* Radii */
  --gt-radius-pill: 980px;
  --gt-radius-lg: 28px;
  --gt-radius-md: 18px;
  --gt-radius-sm: 12px;
  --gt-radius-xs: 14px;

  /* Shadow */
  --gt-shadow-card: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
  --gt-shadow-float: 0px 12px 48px 0px rgba(0, 0, 0, 0.12);

  /* Type */
  --gt-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Layout */
  --gt-container: 1440px;
  --gt-gutter: 120px;
  --gt-gutter-tight: 24px;
}

@media (max-width: 1200px) {
  :root { --gt-gutter: 64px; }
}
@media (max-width: 782px) {
  :root { --gt-gutter: 24px; }
}