/* ═══════════════════════════════════════════════════════════════════════
   EstateHome — Design Tokens (public landing surface)
   Single source of truth for the landing. Warm-neutral foundation + one
   sparse warm accent (clay), Geist typeface. Values from the EstateHome
   design-system bundle. The OPS panel is a separate, neutral surface (Inter)
   — no cross-repo token parity by design.
   ═══════════════════════════════════════════════════════════════════════ */

/* Self-hosted Geist Sans + Geist Mono (OFL, DSGVO: no third-party font CDN).
   font-display: swap → system fallback first, swaps in on load. */
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 300; font-display: swap; src: url('/estatehome-design/fonts/Geist-Light.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400; font-display: swap; src: url('/estatehome-design/fonts/Geist-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 500; font-display: swap; src: url('/estatehome-design/fonts/Geist-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 600; font-display: swap; src: url('/estatehome-design/fonts/Geist-SemiBold.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 700; font-display: swap; src: url('/estatehome-design/fonts/Geist-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/estatehome-design/fonts/GeistMono-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/estatehome-design/fonts/GeistMono-Medium.woff2') format('woff2'); }

:root {
  /* Core surfaces & text */
  --bg: #FAFAF9;          /* page background (warm off-white) */
  --surface: #FFFFFF;     /* cards / panels */
  --hover: #F5F5F4;       /* hover surface */
  --border: #E7E5E4;      /* borders / hairlines */
  --text: #1C1917;        /* primary text (charcoal) */
  --text-muted: #78716C;  /* secondary text (warm gray) */
  --accent: #B4744F;      /* the one warm accent (clay) — links, active nav, badges */

  /* Fonts */
  --font-sans: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Accent variants (bundle) */
  --accent-hover: #9E6242;
  --accent-soft: #F3E9E2;
  --accent-ink: #7A4A31;

  /* Warm neutral scale (bundle) */
  --n-50: #FAFAF9; --n-100: #F5F5F4; --n-150: #EEEDEB; --n-200: #E7E5E4;
  --n-300: #D6D3D1; --n-400: #A8A29E; --n-500: #78716C; --n-600: #57534E;
  --n-700: #44403C; --n-800: #292524; --n-900: #1C1917;

  /* Status (never brand) */
  --success: #3F7856; --success-soft: #E6EFE9;
  --pending: #B08432; --pending-soft: #F5EDDD;
  --error:   #9A3412; --error-soft:   #F7E9E2;

  /* Radius / layout */
  --radius: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --max-w: 1280px;
  --nav-h: 61px;

  /* Backwards-compatible aliases: existing landing stylesheets reference
     these names. They resolve to the brand palette above; all accent
     aliases collapse to the ONE warm accent. */
  --sand: #FAFAF9;
  --sand-dark: #F5F5F4;
  --white: #FFFFFF;
  --ink: #1C1917;
  --ink-soft: #78716C;
  --fog: #78716C;
  --clay: #B4744F;
  --clay-light: #B4744F;
  --clay-dark: #9E6242;
  --accent-light: #B4744F;
  --gold: #B4744F;
}