/* Optic Science Digest - Design System & Styling */
:root {
  /* Editorial Palette: Ocular Sapphire Navy (Clinical Authority, Stability & Trust) */
  --clr-masthead-navy: #004792;
  --clr-masthead-navy-dark: #004792;
  --clr-masthead-navy-light: #004792;

  /* Editorial Headline: Clinical Berry / Crimson (Urgent Scientific Authority) */
  --clr-headline-crimson: #991b1b;

  /* Call-To-Action: Radiant Solar Amber / Macular Gold (Light, Visual Clarity, High Conversion) */
  --clr-action-amber: #e65100;
  --clr-action-amber-hover: #c64500;
  --clr-action-amber-active: #a73a00;

  /* Typography & Canvas */
  --clr-editorial-ink: #16202c;
  --clr-editorial-canvas: #edf2f7;
  --clr-accent-sapphire: #1d4ed8;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Open Sans", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--clr-editorial-ink);
  line-height: 1.65;
  background-color: var(--clr-editorial-canvas);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Compliance / Legal Modal Animation */
#complianceModal:not(.hidden) {
  display: flex;
  animation: modalFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}