/* Vancouver Coast Realty — design tokens (single source of truth) */

:root {
  /* Brand palette */
  --color-primary: #111827;
  --color-primary-soft: #1f2937;
  --color-accent: #b45309;
  --color-accent-strong: #92400e;
  --color-accent-soft: #f6e8d4;
  --color-accent-bright: #e0a45e;
  --color-bg: #fdfcf7;
  --color-bg-alt: #f6f2e7;
  --color-surface: #ffffff;
  --color-text: #1c1b18;
  --color-text-muted: #55524c;
  --color-line: #eae4d3;
  --color-line-strong: #d9d2bd;
  --color-on-primary: #fdfcf7;
  --color-on-accent: #fffaf3;
  --color-text-invert: #f4f1e8;
  --color-text-invert-muted: #b6b2a5;
  --color-line-on-dark: rgba(253, 252, 247, 0.14);

  /* Scrims (tinted overlays for photo bands) */
  --scrim-strong: rgba(17, 24, 39, 0.82);
  --scrim-soft: rgba(17, 24, 39, 0.38);

  /* Typography */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;

  --step--1: 0.9375rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.5rem;
  --step-3: clamp(1.75rem, 1.45rem + 1.5vw, 2.375rem);
  --step-4: clamp(2.3rem, 1.8rem + 2.6vw, 3.6rem);

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
  --space-5: 6.5rem;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(28, 27, 24, 0.06), 0 2px 10px rgba(28, 27, 24, 0.05);
  --shadow-md: 0 2px 4px rgba(28, 27, 24, 0.07), 0 14px 36px rgba(28, 27, 24, 0.12);

  /* Motion */
  --ease: cubic-bezier(0.25, 0.6, 0.3, 1);
  --dur: 220ms;
  --dur-slow: 640ms;

  --max-width: 1120px;
}