:root {
  --color-bg: #f5f3ef;
  --color-surface: #ffffff;
  --color-surface-strong: #f0ece7;
  --color-text: #171717;
  --color-text-muted: #6b6b6b;
  --color-accent: #b08d57;
  --color-accent-strong: #8f6d39;
  --color-border: #dedbd5;
  --color-dark: #111111;
  --color-shadow: rgba(20, 20, 20, 0.12);
  --color-overlay: rgba(17, 17, 17, 0.42);
  --container-width: 1200px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 30px;
  --shadow-soft: 0 20px 50px rgba(15, 15, 15, 0.08);
  --transition: 0.25s ease;
  --header-height: 80px;
}

[data-theme="dark"] {
  --color-bg: #111111;
  --color-surface: #181818;
  --color-surface-strong: #1f1f1f;
  --color-text: #f5f5f5;
  --color-text-muted: #b5b5b5;
  --color-accent: #c7a46a;
  --color-accent-strong: #d9b985;
  --color-border: #2c2c2c;
  --color-shadow: rgba(0, 0, 0, 0.32);
  --color-overlay: rgba(0, 0, 0, 0.5);
}

:root {
  --font-sans: 'Segoe UI', Tahoma, sans-serif;
  --font-display: 'Georgia', 'Times New Roman', serif;
}