/* Shared design tokens common to index.html and analysis.html.
   Page-specific tokens (nav-h, bot-h, glass, radius scale, brand-lt, etc.)
   stay in each page's own <style> :root override block, declared after
   this file's <link> so they win the cascade for anything redefined here. */
:root {
  /* BRAND COLORS - Professional Real Estate Palette */
  --primary-50: #f8f9fa;
  --primary-100: #e9ecef;
  --primary-200: #dee2e6;
  --primary-300: #ced4da;
  --primary-400: #adb5bd;
  --primary-500: #6c757d;
  --primary-600: #495057;
  --primary-700: #343a40;
  --primary-800: #212529;
  --primary-900: #1a1d20;

  /* BRAND ACCENTS */
  --accent-blue: #2563eb;
  --accent-blue-light: #3b82f6;
  --accent-blue-dark: #1d4ed8;
  --accent-blue-bg: rgba(37, 99, 235, 0.1);

  --accent-emerald: #10b981;
  --accent-emerald-light: #34d399;
  --accent-emerald-dark: #059669;
  --accent-emerald-bg: rgba(16, 185, 129, 0.1);

  --accent-amber: #f59e0b;
  --accent-amber-light: #fbbf24;
  --accent-amber-dark: #d97706;
  --accent-amber-bg: rgba(245, 158, 11, 0.1);

  --accent-red: #ef4444;
  --accent-red-light: #f87171;
  --accent-red-dark: #dc2626;
  --accent-red-bg: rgba(239, 68, 68, 0.1);

  /* NEUTRAL PALETTE */
  --cream: #f8fafc;
  --cream2: #f1f5f9;
  --cream3: #e2e8f0;
  --warm-white: #ffffff;
  --sand: #cbd5e1;
  --sand2: #94a3b8;
  --sand3: #64748b;
  --bark: #475569;
  --bark2: #334155;
  --bark3: #1e293b;
  --ink: #0f172a;
  --ink2: #1e293b;
  --ink3: #334155;
  --ink4: #475569;

  /* LEGACY COMPATIBILITY */
  --accent: var(--accent-blue);
  --accent-lt: var(--accent-blue-light);
  --accent-bg: var(--accent-blue-bg);
  --green: var(--accent-emerald);
  --green-lt: var(--accent-emerald-light);
  --green-bg: var(--accent-emerald-bg);
  --red: var(--accent-red);
  --red-bg: var(--accent-red-bg);
  --amber: var(--accent-amber);

  --bd: rgba(107, 91, 69, 0.12);
  --bd2: rgba(107, 91, 69, 0.2);
  --bd3: rgba(107, 91, 69, 0.32);

  --shadow-sm: 0 1px 3px rgba(42, 37, 32, 0.08);
  --shadow: 0 2px 12px rgba(42, 37, 32, 0.1);
  --shadow-lg: 0 8px 32px rgba(42, 37, 32, 0.14);

  /* RADIUS SCALE — Tesla restraint: controls stay near-flat, cards get modest rounding */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-full: 9999px;

  /* MOTION SCALE — one signature timing for color/background/border-color state changes */
  --motion-fast: 150ms cubic-bezier(0.5, 0, 0, 0.75);
  --motion-standard: 330ms cubic-bezier(0.5, 0, 0, 0.75);
  --motion-slow: 500ms cubic-bezier(0.5, 0, 0, 0.75);

  --serif: "Pretendard", -apple-system, "Malgun Gothic", sans-serif;
  --sans: "Pretendard", -apple-system, "Malgun Gothic", sans-serif;

  --brand: var(--bark);
  --bg: var(--cream);
  --s1: var(--warm-white);
  --s2: var(--cream2);
  --s3: var(--cream3);
  --tx: var(--ink);
  --tx2: var(--ink2);
  --tx3: var(--ink3);

  --safe-b: env(safe-area-inset-bottom, 0px);
}