/* Sovereign Evolution OS — Luxury Obsidian & Parchment Gold Design System */

:root {
  --bg-void: #05070b;
  --card-surface: rgba(13, 18, 29, 0.8);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --gold-parchment: #e5c07b;
  --gold-glow: rgba(229, 192, 123, 0.25);
  --emerald-accent: #10b981;
  --violet-accent: #a855f7;
  --cyan-accent: #22d3ee;
}

body {
  background-color: var(--bg-void);
  color: #f1f5f9;
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow-x: hidden;
}

/* Glass Panels */
.evolution-glass {
  background: var(--card-surface);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--border-subtle);
  border-radius: 1rem;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.evolution-glass:hover {
  border-color: rgba(229, 192, 123, 0.35);
  box-shadow: 0 12px 32px -8px rgba(229, 192, 123, 0.12);
}

/* Gold Text Gradient */
.text-parchment-gold {
  color: var(--gold-parchment);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #fef3c7 0%, #e5c07b 50%, #d97706 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Modern Inputs */
.evolution-input {
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: #f8fafc;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  outline: none;
}

.evolution-input:focus {
  border-color: var(--gold-parchment);
  box-shadow: 0 0 0 3px rgba(229, 192, 123, 0.2);
  background: rgba(0, 0, 0, 0.75);
}

/* Book Card */
.book-card {
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.book-card:hover {
  transform: translateY(-3px);
  border-color: rgba(229, 192, 123, 0.4) !important;
  box-shadow: 0 10px 25px -5px rgba(229, 192, 123, 0.15);
}

/* Franklin Virtue Item */
.virtue-item {
  user-select: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.virtue-item.checked {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
}

.virtue-item.checked .virtue-checkbox {
  background: #10b981;
  border-color: #10b981;
  color: #000;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #05070b;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--gold-parchment);
}

/* Print Styles */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  header, footer, nav, .no-print {
    display: none !important;
  }
  .evolution-glass {
    border: 1px solid #ccc !important;
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
  }
}