/* Optional blue theme. Load after pisica.css and set data-theme="blue" on
   #pisica-project. Remove that attribute to restore the original green theme.
   Inspired by the original Pisica blue #4294E3 and cool #F0F6FF background.
   Darker blue is used for text and buttons to preserve readable contrast. */
#pisica-project[data-theme="blue"] {
    --pisica-ink: #202e48;
    --pisica-muted: #56657b;
    --pisica-paper: #f8faff;
    --pisica-green: #215ca0;
    --pisica-lime: #d8eaff;
    --pisica-line: #d5e0ef;
}
#pisica-project[data-theme="blue"] a:focus-visible,
#pisica-project[data-theme="blue"] button:focus-visible { outline-color: #8F12FD; }
#pisica-project[data-theme="blue"] .pisica-status > span:first-child { background: #287bc7; }
#pisica-project[data-theme="blue"] .pisica-button:hover,
#pisica-project[data-theme="blue"] .pisica-button:focus-visible { background: #18497f; }
#pisica-project[data-theme="blue"] .pisica-text-link { border-color: #9eb7d6; }
#pisica-project[data-theme="blue"] .pisica-mini-orbit,
#pisica-project[data-theme="blue"] .pisica-principles-inner > span,
#pisica-project[data-theme="blue"] .pisica-library-bottom > span { color: #4294e3; }
#pisica-project[data-theme="blue"] .pisica-hero-art { background: #e6f0fc; }
#pisica-project[data-theme="blue"] .pisica-hero-art::before { background: #c3def8; }
#pisica-project[data-theme="blue"] .pisica-orbit { border-color: #9fc1e8; }
#pisica-project[data-theme="blue"] .pisica-portrait { box-shadow: 12px 24px 35px #203d652d; }
#pisica-project[data-theme="blue"] .pisica-float { border-color: #e1eaf6; box-shadow: 0 12px 35px #203d650d; }
#pisica-project[data-theme="blue"] .pisica-feature { background: #edf4fd; }
#pisica-project[data-theme="blue"] .pisica-feature:nth-child(2) { background: #eef0fc; }
#pisica-project[data-theme="blue"] .pisica-feature:nth-child(3) { background: #e4effc; }
#pisica-project[data-theme="blue"] .pisica-feature:nth-child(4) { background: #edf0fa; }
#pisica-project[data-theme="blue"] .pisica-feature:focus-within { border-color: #8aaed8; box-shadow: 0 16px 32px #203d6518; }
#pisica-project[data-theme="blue"] .pisica-feature-tags,
#pisica-project[data-theme="blue"] .pisica-feature-link { border-color: #c9d8ec; }
#pisica-project[data-theme="blue"] .pisica-feature-tags span { color: #627c9c; }
#pisica-project[data-theme="blue"] .pisica-quiz { background: #183e70; color: #f5f9ff; }
#pisica-project[data-theme="blue"] .pisica-quiz .pisica-detail-copy > p:not(.pisica-eyebrow),
#pisica-project[data-theme="blue"] .pisica-tutor-note p { color: #d4e3f6; }
#pisica-project[data-theme="blue"] .pisica-quiz-art { background: #214e83; border-color: #507dad; }
#pisica-project[data-theme="blue"] .pisica-quiz-art img { filter: drop-shadow(10px 20px 15px #112a5055); }
#pisica-project[data-theme="blue"] .pisica-big-star { color: #a8d4ff; }
#pisica-project[data-theme="blue"] .pisica-tutor-note { border-color: #557fac; }
#pisica-project[data-theme="blue"] .pisica-library-art { background: #e6edfa; }
#pisica-project[data-theme="blue"] .pisica-library-art img { box-shadow: 10px 20px 25px #203d6526; }
#pisica-project[data-theme="blue"] .pisica-book-one { background: #b3d2f2; }
#pisica-project[data-theme="blue"] .pisica-book-two { background: #c7c9f0; }
#pisica-project[data-theme="blue"] .pisica-universities { background: #edf3fb; }
#pisica-project[data-theme="blue"] .pisica-benefits article { border-color: #adc4e2; }
#pisica-project[data-theme="blue"] .pisica-benefits article > span { color: #496688; }
#pisica-project[data-theme="blue"] .pisica-store { border-color: #8aadd5; }
#pisica-project[data-theme="blue"] .pisica-store:hover,
#pisica-project[data-theme="blue"] .pisica-store:focus-visible { border-color: var(--pisica-green); }
#pisica-project[data-theme="blue"] .pisica-download-options > p { color: #496688; }
#pisica-project[data-theme="blue"] .pisica-section-nav a { background: #e4effc; border-color: #b4cdea; box-shadow: 0 3px 0 #b4cdea; }
#pisica-project[data-theme="blue"] .pisica-section-nav a:focus-visible { background: var(--pisica-green); border-color: var(--pisica-green); }
@media (hover: hover) and (pointer: fine) {
    #pisica-project[data-theme="blue"] .pisica-feature:hover { border-color: #8aaed8; box-shadow: 0 16px 32px #203d6518; }
    #pisica-project[data-theme="blue"] .pisica-section-nav a:hover { background: var(--pisica-green); border-color: var(--pisica-green); box-shadow: 0 8px 18px #215ca022; }
}
#pisica-project[data-theme="blue"] .pisica-section-nav a:active { box-shadow: none; }