/* ================================================
   GOLD / PURPLE OVERRIDE THEME
   Wird zusaetzlich zu style.css geladen, NICHT auf der Startseite (index.html).
   Ueberschreibt Farben/Look der Unterseiten (about, projekte, kontakt, skills, hobbys).
================================================ */

:root {
  --primary-purple: #1a0a2e;
  --secondary-purple: #2d1b4e;
  --deep-purple: #1e1335;
  --gold: #ffd700;
  --gold-dark: #daa520;
  --gold-light: #f4c430;
  --silver: #c0c0c0;
  --charcoal: #1a1a1a;
  --gp-black: #000000;
  --glass-gold: rgba(255, 215, 0, 0.1);
  --glass-purple: rgba(45, 27, 78, 0.3);
  --gradient-gold: linear-gradient(135deg, #2d1b4e 0%, #ffd700 100%);
  --gradient-purple: linear-gradient(180deg, #1a0a2e 0%, #4a1e5c 100%);
  --gold-glow: 0 0 20px rgba(255, 215, 0, 0.5);
  --purple-glow: 0 0 20px rgba(138, 43, 226, 0.5);
}

body.page-sub {
  background: linear-gradient(180deg, var(--primary-purple) 0%, var(--secondary-purple) 50%, var(--deep-purple) 100%) !important;
  color: var(--gold) !important;
}

/* Navigation */
body.page-sub .navbar {
  background: var(--glass-purple) !important;
  border-bottom: 1px solid var(--gold) !important;
  backdrop-filter: blur(10px);
}
body.page-sub .logo-text { color: var(--gold) !important; text-shadow: var(--gold-glow); }
body.page-sub .nav-link { color: var(--gold-light) !important; }
body.page-sub .nav-link:hover,
body.page-sub .nav-link.active { color: var(--gold) !important; text-shadow: var(--gold-glow); }
body.page-sub .hamburger span { background: var(--gold) !important; }
body.page-sub .lang-btn { color: var(--gold-light) !important; border-color: var(--gold) !important; }
body.page-sub .lang-btn:hover { color: var(--gold) !important; }
body.page-sub .nav-dropdown-menu { background: var(--secondary-purple) !important; border: 1px solid var(--gold) !important; }
body.page-sub .nav-dropdown-item { color: var(--gold-light) !important; }
body.page-sub .nav-dropdown-item:hover { color: var(--gold) !important; background: var(--glass-gold) !important; }

/* Page Hero */
body.page-sub .page-hero { background: var(--gradient-purple) !important; }
body.page-sub .page-hero-title { color: var(--gold) !important; text-shadow: var(--gold-glow); }
body.page-sub .page-hero-subtitle { color: var(--silver) !important; }

/* Section titles */
body.page-sub .section-title,
body.page-sub .subsection-title { color: var(--gold) !important; text-shadow: var(--gold-glow); }
body.page-sub .section-subtitle { color: var(--silver) !important; }

/* Cards (info-cards, project-card, skill-card, hobby-card, achievement-card, about-card...) */
body.page-sub .info-card,
body.page-sub .project-card,
body.page-sub .skill-card,
body.page-sub .hobby-card,
body.page-sub .achievement-card,
body.page-sub .about-card,
body.page-sub .stat-card,
body.page-sub .contact-form,
body.page-sub .contact-info,
body.page-sub .timeline-content {
  background: var(--glass-purple) !important;
  border: 2px solid var(--gold) !important;
  backdrop-filter: blur(10px);
  color: var(--silver) !important;
}
body.page-sub .info-card:hover,
body.page-sub .project-card:hover,
body.page-sub .skill-card:hover,
body.page-sub .hobby-card:hover,
body.page-sub .achievement-card:hover,
body.page-sub .about-card:hover,
body.page-sub .timeline-content:hover {
  box-shadow: var(--gold-glow) !important;
  transform: translateY(-5px);
}
body.page-sub .info-card h3,
body.page-sub .project-card h4,
body.page-sub .skill-card h4,
body.page-sub .hobby-card h4,
body.page-sub .achievement-card h4,
body.page-sub .about-name,
body.page-sub .timeline-content h4 { color: var(--gold) !important; }
body.page-sub .info-card p,
body.page-sub .project-card p,
body.page-sub .hobby-card p,
body.page-sub .achievement-card p,
body.page-sub .about-role,
body.page-sub .timeline-description { color: var(--silver) !important; }

/* Buttons */
body.page-sub .btn,
body.page-sub .btn-primary { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; border: 2px solid var(--gold) !important; }
body.page-sub .btn:hover,
body.page-sub .btn-primary:hover { box-shadow: var(--gold-glow) !important; transform: translateY(-2px); }
body.page-sub .btn-secondary { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.page-sub .btn-secondary:hover { background: var(--glass-gold) !important; box-shadow: var(--gold-glow) !important; }
body.page-sub .category-btn { background: transparent !important; border: 2px solid var(--gold) !important; color: var(--gold) !important; }
body.page-sub .category-btn.active,
body.page-sub .category-btn:hover { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; }
body.page-sub .view-project { background: transparent !important; border: 2px solid var(--gold) !important; color: var(--gold) !important; }
body.page-sub .view-project:hover { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; }
body.page-sub .social-link { border: 2px solid var(--gold) !important; color: var(--gold) !important; }
body.page-sub .social-link:hover { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; }

/* Skill bars */
body.page-sub .skill-bar { background: var(--charcoal) !important; }
body.page-sub .skill-progress { background: var(--gradient-gold) !important; }

/* Timeline */
body.page-sub .timeline::before { background: var(--gradient-gold) !important; }
body.page-sub .timeline-item::before { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; }

/* Forms */
body.page-sub .form-group input,
body.page-sub .form-group textarea,
body.page-sub input,
body.page-sub textarea,
body.page-sub select {
  background: var(--glass-gold) !important;
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
}
body.page-sub .form-group input::placeholder,
body.page-sub .form-group textarea::placeholder { color: var(--gold-light) !important; opacity: 0.7; }

/* Footer */
body.page-sub .footer { background: var(--gp-black) !important; border-top: 2px solid var(--gold) !important; }
body.page-sub .footer-text p,
body.page-sub .footer-nav a { color: var(--silver) !important; }
body.page-sub .back-to-top { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; border: 2px solid var(--gold) !important; }

/* Modals */
body.page-sub .modal-content { background: var(--glass-purple) !important; border: 2px solid var(--gold) !important; backdrop-filter: blur(15px); }
body.page-sub .close-modal { color: var(--gold) !important; }
body.page-sub .badge { background: var(--gradient-gold) !important; color: var(--primary-purple) !important; border: 2px solid var(--gold) !important; }

/* Generic text */
body.page-sub p { color: var(--silver); }
body.page-sub a { color: var(--gold-light); }
body.page-sub a:hover { color: var(--gold); }