/* ============================================================================
   theme-ai — Bright AI / Tech. Spirit: clean futurism + neon accents on a
   BRIGHT canvas. Signature: sky-300, mint-200, lav-200, cream-100, cyan-electric.
   Pages: /ai-ethics/, /tech-stack/, /how-we-use-ai/, /why-crossaihub/,
          /ai-glossary/, /ai-discernment/, /prompts/, /ai-workflows/, /ai-tools/, /ai-checker/
   ========================================================================== */
[data-theme="theme-ai"] {
  --page-bg: var(--cream-100);
  --page-accent: var(--sky-400);
  --page-accent-2: var(--mint-200);
  --hero-from: var(--sky-200);
  --hero-to: var(--cream-100);
}

/* Engineering register — mono kickers carry a small neon dot */
[data-theme="theme-ai"] .section__kicker,
[data-theme="theme-ai"] .kicker { color: var(--ink-soft); }
[data-theme="theme-ai"] .section__kicker::before {
  content: ""; width: 7px; height: 7px; border-radius: var(--r-full);
  background: var(--cyan-electric); box-shadow: 0 0 8px var(--cyan-electric); display: inline-block; margin-right: var(--s-2);
}

/* Faint engineering grid behind the section heads */
[data-theme="theme-ai"] .section[data-section] > .section__grid { position: relative; }

/* Glossary / tool / prompt cards — clean cards with a sky top-rule + cyan dot on hover */
[data-theme="theme-ai"] .glossary-card,
[data-theme="theme-ai"] .tool-card,
[data-theme="theme-ai"] .prompt-card,
[data-theme="theme-ai"] .workflow-card {
  background: var(--cream-100); border: 1px solid var(--cream-400); border-top: 3px solid var(--sky-400);
  border-radius: var(--r-md); padding: var(--s-5); transition: border-color var(--dur-fast) var(--ease-calm), box-shadow var(--dur-fast) var(--ease-calm);
}
[data-theme="theme-ai"] .glossary-card:hover,
[data-theme="theme-ai"] .tool-card:hover,
[data-theme="theme-ai"] .prompt-card:hover { border-top-color: var(--cyan-electric); box-shadow: var(--sh-md); }

/* mono term labels */
[data-theme="theme-ai"] .glossary-card__term,
[data-theme="theme-ai"] .term { font-family: var(--ff-mono); color: var(--ink); }
