/* ==========================================================================
   Black Diamond Real Estate Group — Design Tokens
   Source of truth for color, type, spacing, radius, shadow, and motion.
   Palette direction approved by Laci: warm black + gold + cream.
   ========================================================================== */

:root {
  /* --- Brand color --- */
  --bd-black: #1a1714;        /* restrained black — used sparingly, for dramatic moments only */
  --bd-black-soft: #262019;   /* elevated dark surface */
  --bd-charcoal: #2c2823;     /* primary "dark" text/surface — softer than flat black */
  --bd-gold: #c8973f;         /* legacy accent alias, kept for compatibility */
  --bd-gold-light: #e0b96b;
  --bd-gold-dark: #a87b2e;
  --bd-champagne: #c6a15e;    /* brushed-gold accent — hairlines, small marks, never large fills */
  --bd-champagne-soft: #ddc38f;
  --bd-champagne-deep: #9c7c3f;
  --bd-cream: #f7f2e9;        /* legacy alias */
  --bd-cream-soft: #fbf8f2;
  --bd-ivory: #f8f6f1;        /* primary light surface */
  --bd-stone: #f2ece0;        /* secondary light surface — subtle shift, not a hard block */
  --bd-taupe: #ddd4c4;        /* quiet neutral for hairlines / dividers on light */
  --bd-white: #ffffff;
  --bd-silver: #b9b4ac;
  --bd-ink: #2a2521;          /* body text on light surfaces */
  --bd-ink-soft: #4a443c;     /* softened dark text, editorial body copy */
  --bd-ink-muted: #6b6459;    /* secondary text on light surfaces */
  --bd-border: #e7e0d3;       /* hairlines on light surfaces */

  /* --- Semantic --- */
  --bd-success: #3f7d5c;
  --bd-error: #b3432b;
  --bd-focus: #1a73e8; /* accessible focus ring, independent of brand palette */

  /* --- Typography --- */
  --font-serif: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-sans: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: 3.75rem;
  --fs-5xl: 4.75rem;   /* cinematic hero display size */
  --fs-6xl: 6rem;

  --tracking-wide: 0.14em;   /* eyebrow / label tracking */
  --tracking-wider: 0.22em;  /* rare, large-scale display tracking */

  /* --- Spacing scale (4px base) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* --- Layout --- */
  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* --- Radius / shadow / motion --- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(26, 23, 20, 0.06), 0 1px 1px rgba(26, 23, 20, 0.04);
  --shadow-md: 0 8px 24px rgba(26, 23, 20, 0.10);
  --shadow-lg: 0 20px 48px rgba(26, 23, 20, 0.16);

  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-fast: 150ms;
  --dur-med: 260ms;
}