/* 
Copyright © 2026 XHive Media. All Rights Reserved.

This source code and the intellectual property contained herein are 
proprietary and confidential to XHive Media. Unauthorized copying, 
distribution, or modification of this file via any medium is strictly prohibited.
*/
:root {
  --primary-dark: #1a2a4a;
  --accent-light: #4a6fa5;
  --bg-white: #ffffff;
  --text-dark: #212529;
  --crystal-bg: rgba(255,255,255,0.85);
  --crystal-border: rgba(255,255,255,0.3);
  --crystal-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: linear-gradient(135deg, #e8f0fe, #ffffff);
}
.crystal-card {
  background: var(--crystal-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--crystal-border);
  border-radius: 1rem;
  box-shadow: var(--crystal-shadow);
}
.crystal-btn {
  background: var(--primary-dark);
  border: none;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
.crystal-btn:hover {
  background: #1a2a4aee;
  box-shadow: 0 0 12px rgba(26,42,74,0.5);
}
.modal-content {
  background: var(--crystal-bg);
  backdrop-filter: blur(16px);
  border: 1px solid var(--crystal-border);
  border-radius: 1rem;
}
/* dark/light mode handled via data-theme */
[data-theme="dark"] {
  --bg-white: #1e1e2f;
  --text-dark: #e0e0e0;
  --crystal-bg: rgba(30,30,47,0.9);
  --crystal-border: rgba(255,255,255,0.1);
}