/* OakMD homepage redesign — Light Phase Variant */

html.theme-light {
  color-scheme: light;

  /* Color */
  --oak-canvas: #FAF9F6;
  --oak-surface: #F2F0EB;
  --oak-surface-2: #E8E5DF;
  --oak-gold: #7A5C22;
  --oak-gold-dim: #D1C8B4;
  --oak-gold-hover: #7A5E25;
  --oak-heading: #181816;
  --oak-body: #4A4844;
  --oak-body-dim: #625D58;
  --oak-hairline: rgba(24, 24, 22, 0.08);
  --oak-header-scrolled-bg: rgba(24, 24, 22, 0.96);

  /* Scrims and Image Overlays */
  --oak-hero-gradient-start: rgba(250, 249, 246, 0.95);
  --oak-hero-gradient-end: rgba(250, 249, 246, 0.35);
  --oak-category-scrim-start: rgba(250, 249, 246, 0.96);
  --oak-category-scrim-end: rgba(250, 249, 246, 0.25);
  --oak-final-cta-scrim: rgba(250, 249, 246, 0.85);
  --oak-light-primary-text: #FFFFFF;

  /* Diagnostics and Utilities */
  --oak-biomarker-range-opacity: 0.08;
  --oak-hiw-num-opacity: 0.7;
}

/* Preserve the live white-and-bronze logo pixels on dark navigation surfaces. */
.theme-light .oak-header-logo img {
  filter: none;
}
.theme-light .oak-header,
.theme-light .oak-shell-top:hover .oak-header,
.theme-light .oak-shell-top:focus-within .oak-header {
  background: var(--oak-header-scrolled-bg);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.theme-light .oak-nav-trigger,
.theme-light .oak-header-desktop-actions .oak-text-link,
.theme-light .oak-mobile-trigger {
  color: #FAF9F6;
}
.theme-light .oak-nav-trigger:hover,
.theme-light .oak-nav-trigger[aria-expanded="true"],
.theme-light .oak-header-desktop-actions .oak-text-link:hover {
  color: #C5A15A;
}
.theme-light .oak-drawer-header {
  background: #181816;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.theme-light .oak-drawer-close {
  color: #FAF9F6;
}

/* Enforce readable button text on light theme primary buttons */
.theme-light .oak-btn-primary {
  color: var(--oak-light-primary-text);
}
.theme-light .oak-btn-primary:hover {
  color: var(--oak-light-primary-text);
}
