/* EstateWave visual foundation. Area styles consume these semantic tokens. */
:root {
  --font-ui: "Hanken Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Fraunces", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --color-brand: #9d3e1a;
  --color-brand-hover: #7e2f14;
  --color-accent: #e8a37b;
  --color-olive: #8a9a5b;
  --color-sand: #d4b896;
  --color-bg: #f8f7f4;
  --color-surface: #ffffff;
  --color-surface-muted: #f3ece1;
  --color-surface-elevated: #fffdfb;
  --color-surface-strong: #f3ece1;
  --color-text: #1a1c1e;
  --color-text-muted: #6f655e;
  --color-text-inverse: #ffffff;
  --color-border: #e4d8cf;
  --color-border-strong: #cbb9ad;
  --color-success: #43664b;
  --color-warning: #c58a05;
  --color-danger: #be4d3b;
  --color-info: #294e7a;
  --color-focus: #9d3e1a;
  --color-disabled: #b6ada5;
  --color-disabled-surface: #eee9e3;
  --color-text-soft: #968670;
  --color-brand-soft: #f5e4d6;
  --color-success-soft: #ecf0d9;
  --color-warning-soft: #f7ebd0;
  --color-danger-soft: #f6dcd5;
  --color-info-soft: #e2eaf2;
  --color-surface-tint: #fdfaf6;

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 2px rgba(40, 28, 18, .04);
  --shadow: 0 8px 24px rgba(40, 28, 18, .08);
  --shadow-md: 0 14px 34px rgba(40, 28, 18, .10);
  --shadow-lg: 0 24px 60px rgba(40, 28, 18, .12);
  --transition-fast: 140ms ease;
  --transition: 220ms ease;
  --control-height: 46px;
  --control-height-compact: 40px;
  --focus-ring: 0 0 0 3px rgba(157, 62, 26, .22);

  /* Legacy aliases retained during the visual migration. */
  --accent: var(--color-brand);
  --accent-hover: var(--color-brand-hover);
  --brand: var(--color-brand);
  --ink: var(--color-text);
  --text: var(--color-text);
  --surface: var(--color-surface);
  --border: var(--color-border);
  --line: var(--color-surface-muted);
}