/* AssistiveTec Ecosystem, scoped to the GeneratePress blog. */
:root {
  --at-ink: #1c1c1e;
  --at-muted: #3d526e;
  --at-page: #f5f8fc;
  --at-panel: #ffffff;
  --at-header: #eef3f9;
  --at-border: #d2dcea;
  --at-link: #004c99;
  --at-brand: #0066cc;
  --at-focus: #0a84ff;
}
body.wp-theme-generatepress {
  background: var(--at-page);
  color: var(--at-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}
body.wp-theme-generatepress a { color: var(--at-link); }
body.wp-theme-generatepress a:hover { text-decoration: underline; }
body.wp-theme-generatepress :is(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--at-focus);
  outline-offset: 3px;
}
body.wp-theme-generatepress .site-header,
body.wp-theme-generatepress .main-navigation,
body.wp-theme-generatepress .main-navigation ul ul {
  background: var(--at-header);
}
body.wp-theme-generatepress .site-header {
  border-bottom: 1px solid var(--at-border);
}
body.wp-theme-generatepress .inside-header {
  min-height: 96px;
  gap: 1.25rem;
  align-items: center;
}
/* Keep the current linked image for its accessible name, but display the approved artwork. */
body.wp-theme-generatepress .site-logo a {
  display: block;
  width: clamp(180px, 22vw, 270px);
  aspect-ratio: 3 / 1;
  background: url("AssistiveTec_Header_Logo_Light.svg") center / contain no-repeat;
}
body.wp-theme-generatepress .site-logo img {
  width: 100%;
  height: 100%;
  opacity: 0;
}
body.wp-theme-generatepress .site-branding { display: none; }
body.wp-theme-generatepress .main-navigation .main-nav a,
body.wp-theme-generatepress .main-navigation .menu-toggle {
  color: var(--at-ink);
  background: transparent;
  font-weight: 600;
}
body.wp-theme-generatepress .main-navigation .main-nav a:hover,
body.wp-theme-generatepress .main-navigation .main-nav a:focus-visible,
body.wp-theme-generatepress .main-navigation .main-nav .current-menu-item > a {
  color: var(--at-link);
  background: transparent;
}
body.wp-theme-generatepress :is(.inside-article, .sidebar .widget) {
  background: var(--at-panel);
  border: 1px solid var(--at-border);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(3, 20, 54, .08);
}
body.wp-theme-generatepress .entry-title,
body.wp-theme-generatepress .widget-title,
body.wp-theme-generatepress .widget h2 { color: var(--at-ink); line-height: 1.25; }
body.wp-theme-generatepress .entry-title a { color: var(--at-link); }
body.wp-theme-generatepress .entry-meta,
body.wp-theme-generatepress .entry-meta a { color: var(--at-muted); }
body.wp-theme-generatepress :is(.entry-content, .entry-summary, .sidebar .widget) { color: var(--at-ink); }
body.wp-theme-generatepress :is(button:not(.menu-toggle), input[type="submit"], .wp-block-search__button) {
  background: var(--at-link);
  color: #ffffff;
  border-radius: 8px;
}
body.wp-theme-generatepress :is(input[type="search"], input[type="text"], textarea) {
  background: var(--at-panel);
  color: var(--at-ink);
  border: 1px solid var(--at-muted);
}
body.wp-theme-generatepress .site-info {
  background: var(--at-header);
  color: var(--at-ink);
  border-top: 1px solid var(--at-border);
}
body.wp-theme-generatepress .site-info a { color: var(--at-link); }
@media (prefers-color-scheme: dark) {
  :root {
    --at-ink: #f5f8fc;
    --at-muted: #d2dcea;
    --at-page: #031436;
    --at-panel: #223753;
    --at-header: #0c2548;
    --at-border: #566b87;
    --at-link: #b9deff;
    --at-brand: #0a84ff;
    --at-focus: #b9deff;
  }
  body.wp-theme-generatepress .site-logo a {
    background-image: url("AssistiveTec_Header_Logo_Dark.svg");
  }
  body.wp-theme-generatepress :is(.inside-article, .sidebar .widget) {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
  }
  /* GeneratePress leaves this panel white while the plugin changes its text to light. */
  body.wp-theme-generatepress .comments-area {
    background: var(--at-panel);
    color: var(--at-ink);
    border: 1px solid var(--at-border);
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
  }
  body.wp-theme-generatepress .comments-area :is(
    #reply-title, .comment-notes, .logged-in-as,
    .comment-form label, .comment-subscription-form label,
    .comment-form-cookies-consent label
  ) {
    color: var(--at-ink);
  }
  body.wp-theme-generatepress .comments-area a { color: var(--at-link); }
  body.wp-theme-generatepress .comments-area :is(
    textarea, input[type="text"], input[type="email"], input[type="url"]
  ) {
    background: var(--at-header);
    color: var(--at-ink);
    border: 1px solid var(--at-muted);
  }
  body.wp-theme-generatepress .comments-area :is(
    textarea, input[type="text"], input[type="email"], input[type="url"]
  )::placeholder { color: var(--at-muted); opacity: 1; }
  body.wp-theme-generatepress .comments-area input[type="checkbox"] {
    accent-color: var(--at-focus);
  }
  body.wp-theme-generatepress :is(button:not(.menu-toggle), input[type="submit"], .wp-block-search__button) {
    background: #b9deff;
    color: #031436;
  }
}
@media (max-width: 768px) {
  body.wp-theme-generatepress .inside-header { min-height: 76px; }
  body.wp-theme-generatepress .site-logo a { width: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  body.wp-theme-generatepress *, body.wp-theme-generatepress *::before,
  body.wp-theme-generatepress *::after { scroll-behavior: auto !important; }
}
