:root {
  --color-bg: #f7f5f2;
  --color-surface: #ffffff;
  --color-text: #242424;
  --color-text-soft: #6f6f6f;
  --color-heading: #1c1c1c;
  --color-primary: #0f1720;
  --color-primary-2: #c6a36a;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-white: #ffffff;

  --shadow-sm: 0 8px 30px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 18px 50px rgba(0, 0, 0, 0.08);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --container: 1240px;

  --font-main: "Inter", "Segoe UI", sans-serif;
  --font-title: "Cormorant Garamond", Georgia, serif;

  --transition: 0.3s ease;
}