/* ===== LIGHT MODE OVERRIDES ===== */

/* Base body & HTML background/color overrides */
.light-mode,
.light-mode body {
  background: #fafbfc;
  color: #0d1821;
}

.light-mode p {
  color: #2b3e50;
}

.light-mode h1 {
  color: #a984b6;
  text-shadow: 2px 2px 0px rgba(13, 24, 33, 0.06);
}

/* Header & Menu */
.light-mode .menu-icon {
  color: #0d1821;
}

.light-mode .menu-icon:hover {
  color: #60a2d8;
}

.light-mode .menu-logo {
  color: #6ac5d7;
  text-shadow: 1.5px 1.5px 0px rgba(13, 24, 33, 0.1);
}

.light-mode .menu-logo:hover {
  filter: brightness(1.2);
}

.light-mode .menu-logo-brace {
  color: #60a2d8;
}

.light-mode .mobile-menu {
  background: #fafbfc;
  border-left: 2px dashed #60a2d8;
}

.light-mode .menu-close {
  color: #0d1821;
}

.light-mode .menu-close:hover {
  color: #60a2d8;
}

.light-mode .mobile-menu a {
  color: #0d1821;
}

.light-mode .mobile-menu a:hover {
  color: #60a2d8;
  border-bottom-color: #60a2d8;
}

.light-mode .menu-overlay {
  background: rgba(13, 24, 33, 0.2);
}

/* Footer */
.light-mode footer {
  color: #7f8c8d;
}

.light-mode footer a {
  color: #7f8c8d;
}

.light-mode footer a:hover {
  color: #60a2d8;
}

/* Graph Paper Background (Visible only in light mode) */
.light-mode .ski-background,
.light-mode .ascii-background {
  background: 
    linear-gradient(rgba(96, 162, 216, 0.05) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(96, 162, 216, 0.05) 1.5px, transparent 1.5px),
    #fafbfc;
  background-size: 24px 24px;
}

/* Background elements */
.light-mode .tree {
  color: #4a88b5;
}

.light-mode .box {
  color: #8c5d9b;
}

.light-mode .question-mark {
  color: #4a88b5;
}

.light-mode .anarchy {
  color: #8c5d9b;
}

.light-mode .corner::before,
.light-mode .corner::after {
  background: #0d1821;
}

/* Skier styling */
.light-mode .skier {
  opacity: 0.12;
  filter: brightness(0);
}

/* About Section */
.light-mode .about-container {
  border: 2px dashed #60a2d8;
  background: rgba(255, 255, 255, 0.97);
}

.light-mode .about h1 {
  color: #60a2d8;
}

.light-mode .about .intro {
  color: #8c5d9b;
}

.light-mode .about p {
  color: #2b3e50;
}

.light-mode .save-date {
  border-top: 1px dashed rgba(13, 24, 33, 0.25);
  border-bottom: 1px dashed rgba(13, 24, 33, 0.25);
}

.light-mode .save-date h3 {
  color: #60a2d8;
}

.light-mode .cta-arrow span {
  color: #8c5d9b;
}

/* Signup Section & Form */
.light-mode .form-container {
  border: 2px dashed #a984b6;
  background: rgba(255, 255, 255, 0.97);
}

.light-mode .form-logo .brackets .brace {
  color: #60a2d8;
}

.light-mode .form-logo .brackets .plus {
  color: #a984b6;
}

.light-mode .form-logo .text h3 {
  color: #6ac5d7;
}

.light-mode .form-logo .text h4 {
  color: #a984b6;
}

.light-mode .form-logo .text .year {
  color: #60a2d8;
}

.light-mode .form-group label {
  color: #0d1821;
}

.light-mode .form-group input,
.light-mode .form-group select {
  background-color: #fff;
  border: 1px solid #0d1821;
  color: #0d1821;
}

.light-mode .form-group input:focus,
.light-mode .form-group select:focus {
  border-color: #60a2d8;
}

.light-mode .form-group input::placeholder {
  color: #7f8c8d;
}

.light-mode .form-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230D1821' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.light-mode .form-group select option {
  background: #fff;
  color: #0d1821;
}

.light-mode button[type="submit"] {
  color: #60a2d8;
  border: 2px solid #60a2d8;
}

.light-mode button[type="submit"]:hover {
  background: #60a2d8;
  color: #fff;
}

.light-mode .form-footer {
  color: #7f8c8d;
}

.light-mode .form-footer a {
  color: #7f8c8d;
}

.light-mode #messageContainer {
  color: #8c5d9b;
}

/* ===== SUBPAGE STYLES (integritet, om-xc26) ===== */
.light-mode .page-sub h1 {
  color: #a984b6;
}

.light-mode .page-sub h2,
.light-mode .page-sub h3 {
  color: #0d1821;
}

.light-mode .page-sub p {
  color: #2b3e50;
}

.light-mode .page-sub .intro {
  color: #8c5d9b;
}

.light-mode .page-sub ul li {
  color: #2b3e50;
}

.light-mode .page-sub ul li::before {
  color: #60a2d8;
}

.light-mode .page-sub .highlight {
  color: #60a2d8;
}

.light-mode .page-sub .boxed-section {
  border: 1px dashed #60a2d8;
  background: rgba(255, 255, 255, 0.95);
}

.light-mode .page-sub .dashed-box {
  border: 1px dashed #a984b6;
  background: rgba(255, 255, 255, 0.95);
}

/* ===== EVENTS LIST PAGE ===== */
.light-mode a {
  color: #2b3e50;
}

.light-mode a:hover {
  color: #60a2d8;
}

.light-mode .events-home-list {
  border-top: 1px solid #0d1821;
}

.light-mode .event-link {
  border-bottom: 1px solid #0d1821;
}

.light-mode .event-title {
  color: #0d1821;
}

.light-mode .event-date {
  color: #a984b6;
}

.light-mode .event-page-info {
  color: #5b8db8;
}

.light-mode .event-arrow {
  color: #0d1821;
}

/* ===== EVENT SINGLE PAGE ===== */
.light-mode .event-form-container {
  border: 2px dashed #0d1821;
  background: rgba(255, 255, 255, 0.95);
}

.light-mode .event-form-corner::before,
.light-mode .event-form-corner::after {
  background: #0d1821;
}

.light-mode .event-form-heading {
  color: #0d1821;
}

.light-mode .event-form-group label {
  color: #0d1821;
}

.light-mode .event-form-group input {
  border: 1px solid #0d1821;
  color: #0d1821;
}

.light-mode .event-form-group input:focus {
  border-color: #60a2d8;
}

.light-mode .event-form-group input::placeholder {
  color: #7f8c8d;
}

.light-mode .event-form-submit {
  color: #60a2d8;
  border: 2px solid #60a2d8;
}

.light-mode .event-form-submit:hover {
  background: #60a2d8;
  color: #fff;
}

.light-mode #eventMessageContainer {
  color: #8c5d9b;
}

.light-mode .event-thanks > p {
  color: #8c5d9b;
}

/* ===== PROGRAM PAGE ===== */
.light-mode h2.timeline-day-header {
  color: #8c5d9b;
  border-bottom: 2px dashed #a984b6;
}

.light-mode .timeline::before {
  background: repeating-linear-gradient(
    to bottom,
    #60a2d8,
    #60a2d8 6px,
    transparent 6px,
    transparent 12px
  );
}

.light-mode .timeline-time {
  color: #0d1821;
}

.light-mode .timeline-marker {
  background: #fafbfc;
  border: 2px solid #60a2d8;
}

.light-mode .timeline-item.social .timeline-marker {
  border-color: #a984b6;
}

.light-mode .timeline-content .program-event-title {
  color: #0d1821;
}

.light-mode .program-event-speaker {
  color: #8c5d9b;
}

.light-mode .program-event-subtitle {
  color: #4a88b5;
}

.light-mode .program-event-description p {
  color: #4a5e70;
}

.light-mode .timeline-item.pause .timeline-marker {
  border-color: #7f8c8d;
  background: #fafbfc;
}

.light-mode .timeline-item.pause .timeline-time {
  color: #7f8c8d;
  text-shadow: none;
}

.light-mode .timeline-item.pause .program-event-title {
  color: #7f8c8d;
}