:root {
  --bg:            #f8f7f5;
  --bg-secondary:  #ffffff;
  --card-bg:       #ffffff;
  --card-border:   #e8e4df;
  --text:          #1a1a1a;
  --text-muted:    #6b6b6b;
  --text-subtle:   #9a9a9a;
  --input-bg:      #f4f2ef;
  --input-border:  #ddd9d4;
  --nav-bg:        rgba(248,247,245,0.95);
  --shadow:        0 4px 32px rgba(0,0,0,0.08);
  --shadow-hover:  0 12px 48px rgba(0,0,0,0.14);
  --shadow-lg:     0 20px 60px rgba(0,0,0,0.14);
  --primary:       #1a1a1a;
  --primary-dark:  #000000;
  --primary-light: rgba(26,26,26,0.07);
  --accent:        #c9a96e;
  --accent-light:  rgba(201,169,110,0.12);
  --cta-green:     #16a34a;
  --cta-red:       #dc2626;
  --radius-sm:     10px;
  --radius-md:     16px;
  --radius-lg:     24px;
  --transition:    0.25s cubic-bezier(0.4,0,0.2,1);
  --white:         #ffffff;
}

[data-theme="dark"] {
  --bg:            #0e0e0e;
  --bg-secondary:  #161616;
  --card-bg:       #1c1c1c;
  --card-border:   rgba(255,255,255,0.07);
  --text:          #f0ede8;
  --text-muted:    rgba(240,237,232,0.55);
  --text-subtle:   rgba(240,237,232,0.3);
  --input-bg:      rgba(255,255,255,0.05);
  --input-border:  rgba(255,255,255,0.1);
  --nav-bg:        rgba(14,14,14,0.95);
  --shadow:        0 4px 32px rgba(0,0,0,0.5);
  --shadow-hover:  0 12px 48px rgba(0,0,0,0.7);
  --shadow-lg:     0 20px 60px rgba(0,0,0,0.8);
  --primary:       #c9a96e;
  --primary-dark:  #b8956a;
  --primary-light: rgba(201,169,110,0.12);
  --accent:        #c9a96e;
  --accent-light:  rgba(201,169,110,0.12);
  --cta-green:     #16a34a;
  --cta-red:       #dc2626;
}