:root {
  --theme-color-scheme: dark;
  --theme-bg: #0f0f0f;
  --theme-surface: #080808;
  --theme-surface-2: #1a1a1a;
  --theme-surface-3: #222222;
  --theme-surface-4: #2a2a2a;
  --theme-text: #ffffff;
  --theme-text-strong: #ffffff;
  --theme-text-soft: #dfdfdf;
  --theme-muted: #9d9d9d;
  --theme-muted-2: #837160;
  --theme-muted-strong: #dfdfdf;
  --theme-main: #e6be98;
  --theme-main-hover: #c0976f;
  --theme-accent: #cc594e;
  --theme-accent-strong: #b83b2f;
  --theme-success: #7cbd53;
  --theme-border: rgba(255, 255, 255, 0.08);
  --theme-border-strong: rgba(255, 255, 255, 0.16);
  --theme-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
  --theme-shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.16);
  --theme-heading-gradient: linear-gradient(90deg, #ffffff 0%, #f4e6d8 56%, #d8bea0 100%);
  --theme-heading-gradient-alt: linear-gradient(90deg, #ffffff 0%, #f3e5d6 55%, #d4b28f 100%);
  --theme-surface-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  --theme-body-bg-image: none;
  --theme-card-bg: #0f0f0f;
  --theme-card-border: rgba(255, 255, 255, 0.04);
  --theme-empty-bg: #0f0f0f;
  --theme-empty-border: rgba(255, 255, 255, 0.04);
  --theme-control-bg: rgba(255, 255, 255, 0.06);
  --theme-control-border: rgba(255, 255, 255, 0.08);
  --theme-control-text: #ffffff;
  --theme-control-hover-bg: rgba(255, 255, 255, 0.11);
  --theme-control-hover-border: rgba(255, 255, 255, 0.16);

  --dark-slate-grey: var(--theme-bg);
  --white: var(--theme-text);
  --main: var(--theme-main);
  --dark-grey: var(--theme-muted);
  --main-hover: var(--theme-main-hover);
  --akcent: var(--theme-accent);
  --red-2: var(--theme-accent-strong);
  --green: var(--theme-success);
  --2-dark: var(--theme-surface);
  --3: var(--theme-muted-2);
  --2: var(--theme-muted-strong);

  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Arial, sans-serif;
  --font-family-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Arial, sans-serif;

  --fs-h1: 52px;
  --fs-h2: 40px;
  --fs-h3: 30px;
  --fs-body-lg: 20px;
  --fs-body: 16px;
  --fs-small: 15px;
  --fs-caption: 13px;

  --lh-h1: 1.1;
  --lh-h2: 1.15;
  --lh-h3: 1.2;
  --lh-body: 1.5;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --transition-duration: 0.25s;
  --transition-ease: ease;

  --z-background: 0;
  --z-content: 1;
  --z-nav: 1000;
  --z-overlay: 9999;
  --z-menu: 10000;
  --z-modal-overlay: 9998;
  --z-modal: 99999;

  --container-max: 1280px;
  --container-padding: 20px;

  --swiper-theme-color: var(--main);
  --swiper-navigation-size: 28px;
  --swiper-pagination-bullet-size: 8px;
}
