:root {
  --color-bg: #000000;
  --color-bg-alt: #161616;
  --color-surface: #1f1f1f;
  --color-surface-light: #2a2a2a;
  --color-text: #f5f5f5;
  --color-text-muted: rgba(245, 245, 245, 0.65);
  --color-primary: #d2a455;
  --color-primary-dark: #b58a3f;
  --color-secondary: #f0c674;
  --color-accent: #888d98;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-success: #68d499;
  --color-info: #6b8ffc;
  --color-error: #ff7f6c;

  --font-sans: "Inter", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

  --font-size-xxl: clamp(2.5rem, 3vw + 1rem, 4.25rem);
  --font-size-xl: clamp(2rem, 2vw + 1rem, 3.5rem);
  --font-size-lg: clamp(1.5rem, 1.5vw + 1rem, 2.25rem);
  --font-size-md: 1.125rem;
  --font-size-sm: 1rem;
  --font-size-xs: 0.875rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 2rem;

  --space-xxl: clamp(6rem, 6vw + 2rem, 10rem);
  --space-xl: 4rem;
  --space-lg: 3rem;
  --space-md: 2rem;
  --space-sm: 1rem;
  --space-xs: 0.5rem;

  --container-max: 1200px;
  --shadow-lg: 0 32px 60px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 16px 35px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 8px 18px rgba(0, 0, 0, 0.25);

  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;
}

@media (prefers-color-scheme: dark) {
  :root {
  --color-bg: #000000;
  --color-bg-alt: #161616;
  --color-surface: #1f1f1f;
  --color-surface-light: #2a2a2a;
  --color-text: #f5f5f5;
  --color-text-muted: rgba(245, 245, 245, 0.65);
  --color-primary: #d2a455;
  --color-primary-dark: #b58a3f;
  --color-secondary: #f0c674;
  --color-accent: #888d98;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-success: #68d499;
  --color-info: #6b8ffc;
  --color-error: #ff7f6c;
  }
}

[data-theme=\"dark\"] {
  --color-bg: #111111;
  --color-bg-alt: #161616;
  --color-surface: #1f1f1f;
  --color-surface-light: #2a2a2a;
  --color-text: #f5f5f5;
  --color-text-muted: rgba(245, 245, 245, 0.65);
  --color-primary: #d2a455;
  --color-primary-dark: #b58a3f;
  --color-secondary: #f0c674;
  --color-accent: #888d98;
  --color-success: #68d499;
  --color-info: #6b8ffc;
  --color-error: #ff7f6c;
  --color-border: rgba(255, 255, 255, 0.08);
  color-scheme: dark;
}