/* ============================================================
   Design Tokens — Jack Hsieh REALTOR®
   ============================================================ */

:root {
  /* ---- Brand Colors ---- */
  /* ACTION REQUIRED: Update these to match Jack's final brand palette */
  --color-primary: #1a3a5c;     /* Deep navy — headers, nav, buttons */
  --color-primary-light: #507ba3;
  --color-primary-dark: #0C132D;
  --color-accent: #FFD205;      /* Warm gold — accents, CTAs, highlights */
  --color-accent-light: #FCF8F1;
  --color-accent-dark: #847862;

  /* ---- Neutrals ---- */
  --color-white: #ffffff;
  --color-off-white: #f8f7f4;
  --color-light-gray: #edeae4;
  --color-mid-gray: #736e69;
  --color-dark-gray: #4a4540;
  --color-text: #2c2825;
  --color-text-light: #6b6560;

  /* ---- Typography ---- */
  --font-heading: "Inria Serif", "Georgia", serif;
  --font-body: "Geist", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-accent: "Geist", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* ---- Spacing Scale ---- */
  --space-xs: 0.5rem;   /* 8px */
  --space-sm: 1rem;      /* 16px */
  --space-md: 1.5rem;    /* 24px */
  --space-lg: 2.5rem;    /* 40px */
  --space-xl: 4rem;      /* 64px */
  --space-2xl: 6rem;     /* 96px */

  /* ---- Layout ---- */
  --container-max: 1400px;
  --header-height: 80px;

  /* ---- Transitions ---- */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-fast: 180ms;
  --duration-normal: 260ms;
}