/* HEIMATVIBE CI v1.1 — replaces HAUSFUND visual tokens, preserves component API */
:root {
  --hf-cream: #F7F4EE;
  --hf-paper: #FFFDF8;
  --hf-charcoal: #1F1F1F;
  --hf-gold: #C67A5B;
  --hf-green: #6B7F63;
  --hf-green-dark: #2F4939;
  --hf-rose: #C67A5B;
  --hf-wine: #A85F4B;
  --hf-sand: #E8D9C6;
  --hf-line: #DDD5C9;
  --hf-muted: #6E6A64;
  --hf-success: #587158;

  --hf-font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --hf-font-body: Inter, "Segoe UI", Arial, sans-serif;
  --hf-font-hand: "Segoe Print", "Bradley Hand", cursive;

  --hf-container: 1320px;
  --hf-gutter: 36px;
  --hf-nav-height: 88px;

  --hf-radius-xs: 6px;
  --hf-radius-sm: 8px;
  --hf-radius-md: 12px;
  --hf-radius-lg: 16px;
  --hf-radius-pill: 999px;

  --hf-space-1: 4px;
  --hf-space-2: 8px;
  --hf-space-3: 12px;
  --hf-space-4: 16px;
  --hf-space-5: 24px;
  --hf-space-6: 32px;
  --hf-space-7: 48px;
  --hf-space-8: 64px;
  --hf-space-9: 88px;

  --hf-shadow-soft: 0 12px 30px rgba(31,31,31,.06);
  --hf-shadow-card: 0 16px 42px rgba(31,31,31,.09);

  --hf-image-card-ratio: 4 / 3;
  --hf-image-hero-ratio: 16 / 8.5;
  --hf-image-editorial-ratio: 16 / 10;
}