/* variables.css — eHouse Design Tokens */

/* Self-hosted Montserrat */
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  /* Brand colors — LOCKED */
  --color-primary-start:#DA3035;
  --color-primary-end:#A52B2D;
  --color-primary-gradient:linear-gradient(135deg,var(--color-primary-start),var(--color-primary-end));
  --color-bg:#FCFBFA;
  --color-white:#FFFFFF;
  --color-text:#111112;
  --color-text-secondary:#5A5C60;
  --color-text-muted:#9B9DA1;
  --color-border:rgba(0,0,0,0.06);

  /* Shadows — red-tinted */
  --shadow-card:0 2px 8px rgba(0,0,0,0.06);
  --shadow-card-hover:0 8px 24px rgba(218,48,53,0.15);
  --shadow-cta:0 6px 20px rgba(218,48,53,0.30);
  --shadow-cta-hover:0 8px 28px rgba(218,48,53,0.45);

  /* Radii */
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-full:9999px;

  /* Spacing */
  --section-gap:100px;
  --container-max:1200px;
  --container-padding:24px;

  /* Typography */
  --font-family:'Montserrat',sans-serif;
  --tracking-tight:-0.02em;
  --tracking-tighter:-0.03em;
}