/* Fonts */
@font-face {
  font-family: 'Coolvetica';
  src: url('../assets/fonts/coolvetica rg.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'Coolvetica Condensed';
  src: url('../assets/fonts/coolvetica condensed rg.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../assets/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
}

/* Theme Variables */
:root {
  --font-main: 'Coolvetica', sans-serif;
  --font-small: 'Montserrat', sans-serif;
  --font-auth: 'Coolvetica Condensed', sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;

  --transition: 0.3s ease;
  --transition-slow: 0.4s ease;
}

/* Dark Theme (default) */
[data-theme="dark"] {
  --bg-primary: rgba(20, 20, 30, 0.06);
  --bg-secondary: rgba(30, 30, 45, 0.04);
  --bg-glass: rgba(255, 255, 255, 0.005);
  --bg-glass-hover: rgba(255, 255, 255, 0.02);
  --bg-glass-active: rgba(255, 255, 255, 0.03);
  --bg-input: rgba(255, 255, 255, 0.02);

  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.4);

  --border-color: rgba(255, 255, 255, 0.15);
  --border-active: rgba(255, 255, 255, 0.25);

  --accent: #6C63FF;
  --accent-hover: #7B73FF;
  --accent-glow: rgba(108, 99, 255, 0.3);

  --like-color: #FF4757;
  --online-color: #2ED573;
  --warning-color: #FFA502;

  --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --glass-blur: blur(12px);
  --glass-blur-strong: blur(14px);

  --bg-page: url('../assets/backgrounds/main/ГЛАВ СТРАНИЦА ТЕМН.jpg');

  --btn-bg: rgba(255, 255, 255, 0.03);
  --btn-bg-hover: rgba(255, 255, 255, 0.06);
  --btn-border: rgba(255, 255, 255, 0.05);
  --nav-tab-active-bg: rgba(255, 255, 255, 0.05);
}

/* Light Theme */
[data-theme="light"] {
  --bg-primary: rgba(255, 255, 255, 0.15);
  --bg-secondary: rgba(255, 255, 255, 0.10);
  --bg-glass: rgba(255, 255, 255, 0.08);
  --bg-glass-hover: rgba(255, 255, 255, 0.14);
  --bg-glass-active: rgba(255, 255, 255, 0.20);
  --bg-input: rgba(255, 255, 255, 0.18);

  --text-primary: #1a1a2e;
  --text-secondary: rgba(26, 26, 46, 0.7);
  --text-muted: rgba(26, 26, 46, 0.4);

  --border-color: rgba(255, 255, 255, 0.55);
  --border-active: rgba(255, 255, 255, 0.70);

  --accent: #6C63FF;
  --accent-hover: #5B52EE;
  --accent-glow: rgba(108, 99, 255, 0.2);

  --like-color: #FF4757;
  --online-color: #2ED573;
  --warning-color: #FFA502;

  --shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.04);
  --glass-blur: blur(20px);
  --glass-blur-strong: blur(26px);

  --bg-page: url('../assets/backgrounds/main/ГЛАВ СТРАНИЦА СВЕТ.jpg');

  --btn-bg: rgba(255, 255, 255, 0.08);
  --btn-bg-hover: rgba(255, 255, 255, 0.15);
  --btn-border: rgba(255, 255, 255, 0.25);
  --nav-tab-active-bg: rgba(255, 255, 255, 0.20);
}