/* CLARITY palette — neurodivergence.com override
   Paste in: Appearance → Customize → Additional CSS */

:root {
  --palette-primary:   #4ECDC4;   /* teal — unchanged */
  --palette-secondary: #A094D0;   /* lavender — unchanged */
  --palette-bg:        #F7F8FB;   /* near-white, slight blue-gray */
  --palette-bg-raised: #EEF0F5;   /* subtle card lift */
  --palette-text:      #1A1D2E;   /* deep navy — easier than pure black */
  --palette-muted:     #5A6275;   /* readable mid-gray */
  --palette-border:    #E0E4ED;   /* light, not harsh */
  --palette-card:      #FFFFFF;   /* pure white cards */
}

/* Invert body + header */
body { background: var(--palette-bg); color: var(--palette-text); }
.site-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--palette-border);
}

/* Nav text → dark */
.ct-main-header-row nav a { color: var(--palette-muted) !important; }
.ct-main-header-row nav a:hover,
.ct-main-header-row nav .current-menu-item > a {
  color: var(--palette-primary) !important;
}

/* Section heading border stays teal */
.nd-section__heading { border-left-color: var(--palette-primary); }

/* Accordion cards → white on light bg */
.nd-accordion { border-color: var(--palette-border); }
.nd-accordion details { background: var(--palette-card); }
.nd-accordion details[open] { background: var(--palette-bg-raised); }
.nd-accordion summary { color: var(--palette-text); }

/* Hero — light version */
.nd-hero {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(78,205,196,.06) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 50%, rgba(160,148,208,.05) 0%, transparent 55%),
    var(--palette-bg);
}
.nd-hero__headline { color: var(--palette-text); }

/* Ghost button → dark border on light bg */
.nd-btn--ghost {
  border-color: rgba(26,29,46,.2);
  color: var(--palette-text);
}
.nd-btn--ghost:hover {
  border-color: var(--palette-primary);
  color: var(--palette-primary);
}

/* Blog post body */
.entry-content { color: var(--palette-text); }
.entry-content blockquote {
  border-left-color: var(--palette-primary);
  color: var(--palette-text);
}

/* Footer */
.site-footer {
  background: #FFFFFF !important;
  border-top: 1px solid var(--palette-border);
  color: var(--palette-muted);
}