/* CSS переменные LoviBro — мятно-кремовая glassmorphism-палитра */
:root {
  /* Мягкий мятно-кремово-лазурный градиент */
  --bg-gradient: linear-gradient(120deg, #b8f2e6, #fbf3d9, #aed9e0, #f4cba6);
  --brand-blue: #0e6e7e;
  --brand-purple: #5b3f8a;
  --brand-pink: #d96a8a;
  --brand-teal: #1ea58a;

  /* Стекло — светлый вариант */
  --glass-bg: rgba(255, 255, 255, 0.42);
  --glass-bg-hover: rgba(255, 255, 255, 0.55);
  --glass-bg-active: rgba(255, 255, 255, 0.62);
  --glass-border: rgba(255, 255, 255, 0.55);
  --glass-blur: 22px;
  --glass-shadow: 0 10px 30px rgba(14, 110, 126, 0.10);
  --glass-shadow-hover: 0 14px 40px rgba(14, 110, 126, 0.16);
  --glass-inner-glow: inset 0 1px 0 rgba(255, 255, 255, 0.55);

  /* Текст — тёмный на светлом фоне */
  --text-primary: rgba(22, 38, 41, 0.95);
  --text-secondary: rgba(22, 38, 41, 0.7);
  --text-muted: rgba(22, 38, 41, 0.5);
  --text-placeholder: rgba(22, 38, 41, 0.4);
  --text-accent: #0e6e7e;
  --text-success: #128a6e;
  --text-warning: #c97a3b;
  --text-danger: #c5443c;
  --focus-ring: #0e6e7e;

  /* Радиусы */
  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-xs: 6px;

  /* Анимации */
  --ease-ios: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.3s;
  --duration-slow: 0.5s;

  /* Отступы */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;

  /* Высота баров */
  --top-bar-height: 56px;
  --bottom-bar-height: 52px;
}

/* Тёмная тема */
[data-theme="dark"] {
  --bg-gradient: linear-gradient(135deg, #122027, #173d3a, #28324a, #2d2a3f);
  --glass-bg: rgba(20, 32, 38, 0.55);
  --glass-bg-hover: rgba(20, 32, 38, 0.65);
  --glass-bg-active: rgba(20, 32, 38, 0.72);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --glass-shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.45);
  --glass-inner-glow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --text-primary: rgba(232, 244, 240, 0.95);
  --text-secondary: rgba(232, 244, 240, 0.72);
  --text-muted: rgba(232, 244, 240, 0.5);
  --text-placeholder: rgba(232, 244, 240, 0.4);
  --text-accent: #5dd0c0;
  --text-success: #5dd0a4;
  --text-warning: #e8c08a;
  --text-danger: #ec8a82;
}