/* Ingatlan Platform - Design Tokens */
:root {
  /* Colors - Premium real estate palette */
  --color-bg: #f6f5f1;
  --color-surface: #ffffff;
  --color-surface-elevated: #fffefb;
  --color-border: #e5e1d9;
  --color-border-strong: #cfc9be;
  
  --color-primary: #1b3d4d;
  --color-primary-hover: #234f63;
  --color-primary-muted: #2d5a6e;
  --color-primary-focus: rgba(27, 61, 77, 0.2);
  
  --color-accent: #c9941a;
  --color-accent-hover: #a87a14;
  --color-accent-muted: #d4a84b;
  --color-accent-focus: rgba(184, 134, 11, 0.25);
  
  --color-text: #1f1f1c;
  --color-text-muted: #555550;
  --color-text-soft: #7a7a73;
  
  --color-success: #2d6a4f;
  --color-warning: #b8860b;
  --color-danger: #9d2c2c;
  --color-info: #1b3d4d;

  /* 渐变绿 - 统一替换纯色背景 */
  --gradient-green: linear-gradient(135deg, #12472f 0%, #1a5e3d 35%, #25774d 70%, #2d8c60 100%);
  --gradient-green-hover: linear-gradient(135deg, #185339 0%, #1f6b49 50%, #2d8c60 100%);
  --gradient-green-soft: linear-gradient(180deg, #f4f9f6 0%, #eef5f1 50%, #e8f1ec 100%);
  
  /* Typography */
  --font-heading: 'Cormorant Garamond', 'Georgia', serif;
  --font-body: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  
  /* Spacing & layout */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  
  /* Shadows - softer, layered */
  --shadow-sm: 0 1px 3px rgba(28, 28, 26, 0.06);
  --shadow-md: 0 4px 14px rgba(28, 28, 26, 0.08), 0 1px 2px rgba(28, 28, 26, 0.04);
  --shadow-lg: 0 12px 36px rgba(28, 28, 26, 0.1), 0 4px 8px rgba(28, 28, 26, 0.06);
  --shadow-xl: 0 24px 56px rgba(28, 28, 26, 0.12), 0 8px 16px rgba(28, 28, 26, 0.06);
  
  /* Transitions */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.25s;
  --duration-slow: 0.35s;
  
  --header-height: 72px;
  --max-width: 1280px;
  --card-aspect: 4/3;
}