/**
 * Light Mode Fixes
 * Ensures proper display for system-dark users who toggle to light mode.
 * General light mode defaults are in design-tokens.css.
 */

/* Explicit light mode variable reset — covers system-dark users who toggle light */
[data-theme="light"] {
  --color-text: #212529;
  --color-text-secondary: #6c757d;
  --color-text-tertiary: #868e96;
  --color-background: #ffffff;
  --color-surface: #f8f9fa;
  --color-surface-elevated: #ffffff;
  --color-border: #dedede;
}

/* Page-specific light mode overrides for homepage components */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    .aiab-site-logo,
    .aiab-nav-link.aiab-site-logo,
    a.aiab-site-logo {
      color: var(--color-primary);
    }

    .aiab-breadcrumb {
      background: transparent;
    }

    .aiab-site-nav {
      background: transparent;
      border-bottom: 1px solid var(--color-border, #dedede);
    }

    .aiab-site-nav a:not(.aiab-site-logo) {
      color: var(--color-text, #212529);
    }

    .aiab-site-nav a:hover {
      color: var(--color-primary);
    }

    /* Cards should have light backgrounds */
    .aiab-component-card,
    .aiab-feature-card,
    .aiab-stat-card {
      background: #ffffff;
      border: 1px solid var(--color-border, #dedede);
    }

    .aiab-stat-card__icon svg {
      stroke: var(--color-primary);
    }
  }
}

/* Manual light mode — same rules for system-dark users who toggle light */
[data-theme="light"] {
  .aiab-site-logo,
  .aiab-nav-link.aiab-site-logo,
  a.aiab-site-logo {
    color: var(--color-primary);
  }

  .aiab-breadcrumb {
    background: transparent;
  }

  .aiab-site-nav {
    background: transparent;
    border-bottom: 1px solid var(--color-border, #dedede);
  }

  .aiab-site-nav a:not(.aiab-site-logo) {
    color: var(--color-text, #212529);
  }

  .aiab-site-nav a:hover {
    color: var(--color-primary);
  }

  .aiab-component-card,
  .aiab-feature-card,
  .aiab-stat-card {
    background: #ffffff;
    border: 1px solid var(--color-border, #dedede);
  }

  .aiab-stat-card__icon svg {
    stroke: var(--color-primary);
  }
}