/* BusyDayKit V5 / Official color direction #04: Deep Navy + Vivid Orange.
   Original tool demos, product assets and JS remain unchanged.
   Layer loaded last intentionally. */
:root, html[data-theme="light"] {
 --bdk-bg:#f5f7fc; --bdk-surface:#ffffff; --bdk-surface-soft:#edf2fb;
 --bdk-ink:#0a1e41; --bdk-muted:#5c6b82; --bdk-stroke:#dae3f2;
 --bdk-brand:#ff8527; --bdk-brand-hover:#ff9c45; --bdk-brand-ink:#161c2a; --bdk-brand-text:#b45309;
 --bdk-blue:#2569ed; --bdk-shadow:0 18px 54px rgba(9,29,66,.09);
 --bdk-head-bg:rgba(255,255,255,.93); --bdk-head-ink:#0d2348;
 --navy:#081d42; --navy2:#112c58; --ink:#102b4d; --slate:#63728a;
 --teal:#1d5ccb; --mint:#ffac56; --mint2:#ffeddc; --line:#dae4f1; --bg:#f5f7fc;
 --v3-gold:#ff992f; --v3-gold-deep:#ff8126; --v3-deep:#071a37;
 --v3-deeper:#071429; --v3-text:#f9fbff; --v3-lime:#91ccff;
}
html[data-theme="dark"] {
 --bdk-bg:#081224; --bdk-surface:#0f203c; --bdk-surface-soft:#142b4a;
 --bdk-ink:#f2f6ff; --bdk-muted:#a6b6d1; --bdk-stroke:#2b4363;
 --bdk-brand:#ff942f; --bdk-brand-hover:#ffad59; --bdk-brand-ink:#141921; --bdk-brand-text:#ff942f;
 --bdk-blue:#70b0ff; --bdk-shadow:0 18px 65px rgba(0,4,18,.32);
 --bdk-head-bg:rgba(7,20,41,.93); --bdk-head-ink:#f5f8ff;
 --navy:#07152b; --navy2:#112e5b; --ink:#f2f6ff; --slate:#a6b6d1;
 --teal:#72aaff; --mint:#ffac56; --mint2:#3d281e; --line:#2b4363; --bg:#081224;
 --v3-gold:#ffa644; --v3-gold-deep:#ff8126; --v3-deep:#07152b;
 --v3-deeper:#050f22; --v3-text:#f9fbff; --v3-lime:#91c6ff;
}
::selection {background:#ff962c;color:#091a32}
.bdk-announcement{background:#07162e;color:#c6d5ed;border-bottom:1px solid #22375d}
.bdk-announcement strong {color:#ffc176}
.bdk-announcement .announce-dot{background:#ff912c;box-shadow:0 0 0 4px #ff912c21,0 0 18px #ff912c99}
.bdk-header .desktop-nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 #ff8126}
.bdk-header .desktop-nav a:hover {color:var(--bdk-brand)}
.bdk-header .brand-logo {box-shadow:0 4px 15px #ff8a2515}
.bdk-header .header-contact {background:#ff8726;color:#0b1830;box-shadow:0 8px 24px #ff891f28}
.bdk-header .header-contact:hover{background:#ffa046;color:#0b1830;box-shadow:0 12px 30px #ff891f42}
.bdk-theme-toggle:hover{border-color:#ff8e3277}
/* Navy/orange hero with kinetic accents, preserving existing workflow controls. */
.v3-hero {
 background:radial-gradient(ellipse at 76% 18%,rgba(30,99,235,.38),transparent 43%),
            radial-gradient(ellipse at 13% 79%,rgba(255,117,23,.11),transparent 52%),
            linear-gradient(118deg,#050e21 0%,#081d42 48%,#102f65 100%);
 border-bottom:1px solid #213c6a;color:#f9fbff;
}
.v3-haze-a{background:#2777ee6b;right:3%;top:-185px;filter:blur(88px);animation:bdk-v5-haze-blue 19s ease-in-out infinite alternate}
.v3-haze-b{background:#ff781f30;left:9%;bottom:-395px;filter:blur(85px);animation:bdk-v5-haze-orange 23s ease-in-out infinite alternate}
.v3-gridlines{background-image:linear-gradient(#7eaeff0e 1px,transparent 1px),linear-gradient(90deg,#7eaeff0e 1px,transparent 1px);opacity:.62}
.v3-eyebrow{color:#b9cced}.v3-eyebrow-slash{color:#8da9d3}
.v3-live-dot{background:#ff9c3d;box-shadow:0 0 0 5px #ff912b32,0 0 26px #ff8526b5}
.v3-line,.v3-period{color:#ffae4e}
.v3-line::after{background:#ff9a38d5}
.v3-asterisk{color:#7bbcff}
.v3-hero-lead{color:#c6d4ef}
.v3-action-gold{background:linear-gradient(135deg,#ffb65c,#ff8126);border-color:#ff9e42;color:#091a32;box-shadow:0 14px 42px #ff741b40}
.v3-action-gold:hover{background:linear-gradient(135deg,#ffce86,#ff9944);box-shadow:0 16px 52px #ff741b5c}
.v3-action-quiet{border-color:#7c9bce60;background:#17335c59;color:#f3f7ff}
.v3-action-quiet:hover{background:#1c4686a0}
.v3-hero-proof{color:#9eb8e0}.v3-proof-line{background:#ff9e40}
.v3-proof-pill{border-color:#589bff60;color:#abcfff;background:#265eb51c}
.v3-hero-footer{color:#99b3dc;border-color:#5984cd36}
.v3-hero-footer b{color:#ff9c3b}
.v3-studio{background:#091931;border-color:#4778bb33;box-shadow:0 36px 96px #01071bc4,0 0 0 1px #699bf729}
.v3-studio::before{background:linear-gradient(145deg,#6ea8ffad 0%,#ffffff08 45%,#ff9c428f 100%)}
.v3-studio-head{background:#0d2343;color:#bfd4ef;border-color:#3153835a}
.v3-studio-mark{color:#96b7e7}.v3-studio-eyebrow,.v3-result-caption{color:#8da9d4}
.v3-scenario-head h2{color:#f5f8ff}.v3-scenario-glyph{color:#ff9c3d}
.v3-scenario-tab{color:#bdd1ef;border-color:#5576a93b;background:#112c4d}
.v3-scenario-tab:hover{border-color:#ffad5790;background:#224371}
.v3-scenario-tab.is-active{color:#101b33;background:linear-gradient(130deg,#ffc775,#ff922a);border-color:#ffaf54;box-shadow:0 8px 25px #ff943134}
.v3-flow-area{background:linear-gradient(135deg,#0d2549,#0d3160);border-color:#4b81c13f}
.v3-wire-base{stroke:#80aee557}.v3-wire-spark{stroke:#ff9f40;filter:drop-shadow(0 0 4px #ff9f40aa)}
.v3-step-icon{background:#173d70;color:#e7f3ff;border-color:#568fd875}
.v3-step-mid{background:#54351f;color:#ffd397;border-color:#ff9a457c}
.v3-step-done{background:#163f5a;color:#88d7ff;border-color:#45baf68a}
.v3-flow-step strong{color:#e9f3ff}.v3-flow-step small{color:#94b6e1}
.v3-studio-result{background:#16325399;border-color:#4472a359}.v3-studio-result strong{color:#eaf2ff}
.v3-result-caption{color:#97b0d4}.v3-result-status{border-color:#71c3ff70;color:#b4dfff;background:#11487235}
.v3-studio-bottom>span{color:#91aacb}
.v3-run-button{background:#ff9a3b;color:#111a30;box-shadow:0 7px 20px #ff831f29}
.v3-run-button:hover{background:#ffbc77}
.v3-studio-float{background:#e7efff;color:#10264e}.v3-studio-float>span{color:#f57b21}.v3-studio-float small{color:#4d698d}
.v3-marquee{background:linear-gradient(90deg,#ff9c41,#ffc275,#ff9c41);border-color:#e58a31;color:#102245}
.v3-marquee-track b{color:#123e7e}
/* Small on-brand orbit squares: decorative only, never cover controls. */
.v3-hero::before,.v3-hero::after {content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:26px;transform:rotate(-17deg);}
.v3-hero::before{right:2.5%;top:14%;width:105px;height:105px;border:1px solid #64aeff64;background:linear-gradient(140deg,#1154be44,#081e4544);box-shadow:inset 0 1px 18px #66a4ff25,0 0 44px #1354cc20;animation:bdk-v5-float-a 12s ease-in-out infinite}
.v3-hero::after{right:47%;bottom:15%;width:54px;height:54px;border:1px solid #ff8c5869;background:linear-gradient(140deg,#ff942d40,#a044151b);box-shadow:0 0 35px #ff85261f;animation:bdk-v5-float-b 14s ease-in-out infinite}
/* The navy-orange scheme continues through the main BDK UI. */
.bdk-home .v2-overview{background:var(--bdk-surface)}
.bdk-home .v2-section .v2-overline{color:var(--bdk-brand)}
.v2-tool-card:hover,.v2-project-card:hover{border-color:#ff9b4a99!important}
.v2-tool-icon-orange{background:#fff0e0;color:#e86d15}
.v2-tool-icon-sky{background:#e4efff;color:#2369d8}
.v2-tool-icon-lilac{background:#ecedff;color:#6662cd}
.v2-tool-icon-pink{background:#fce8eb;color:#c94e83}
.bdk-home .v2-projects::before{background:radial-gradient(ellipse at 15% 44%,rgba(17,89,208,.13),transparent 38%),radial-gradient(ellipse at 70% 35%,rgba(156,68,243,.08),transparent 40%),radial-gradient(ellipse at 55% 90%,rgba(255,131,40,.12),transparent 35%)}
.v2-last-cta {background:linear-gradient(120deg,#07152f 0%,#0b2d62 70%,#09244c 100%);border-top:1px solid #244d82}
.v2-last-cta h2,.v2-last-cta h2 span{color:#fff}
.v2-last-cta h2 span{color:#ffab55}
/* Adapted page heroes and contact layout */
.page-hero,.tool-hero,.hero,.v3-contact-hero {background:radial-gradient(ellipse at 76% 28%,rgba(33,104,237,.26),transparent 52%),linear-gradient(130deg,#06152b 0%,#0b2652 100%);color:#f4f8ff}
.v3-contact-hero{background:radial-gradient(ellipse at 22% 28%,rgba(255,117,23,.12),transparent 44%),radial-gradient(ellipse at 83% 16%,rgba(34,110,240,.35),transparent 45%),linear-gradient(120deg,#07162f,#0e2d5b)}
.v3-contact-intro h1 em,.page-hero h1 em,.tool-hero h1 em{color:#ffab55}
.v3-contact-lead{color:#c0d0eb}.v3-contact-form{border-color:#dddfed;background:#f7f9ff;color:#122747}
.v3-contact-form .button{background:#ff8626;color:#111c32}.v3-contact-form .button:hover{background:#ffae5b}
.v3-contact-form .form-top h2{color:#0a2246}
.v3-contact-form .form-top p,.v3-contact-form .form-disclaimer{color:#586c8b}
.v3-contact-form label{color:#253b57}
.v3-contact-form input,.v3-contact-form select,.v3-contact-form textarea{border-color:#d2ddeb;color:#183253}
.v3-contact-after .contact-direct{background:var(--bdk-surface-soft)}.v3-contact-after .contact-direct p{color:var(--bdk-muted)}.v3-contact-after .contact-direct a{color:var(--bdk-brand-text)}
/* Color accents for legacy inner pages, without changing their functionality. */
.eyebrow,.text-gradient,.bdk-product-label,.bdk-ps-caption{color:var(--bdk-brand-text)}
.text-link,.catalog-link{color:var(--bdk-blue)}
.catalog-card{border-color:var(--bdk-stroke)}
.catalog-card:hover{border-color:#ff9c44;box-shadow:0 20px 45px #0b2d5f1f}
.catalog-filter.active{background:#0c2c5e;border-color:#0c2c5e}
.finder-top{background:#0b2854}.finder-overline{color:#ffb35a}
.finder-search:focus{border-color:#ff922b;box-shadow:0 0 0 3px #ff9c3840}
/* Micro-interactions and accessible motion */
@media(prefers-reduced-motion:no-preference){
 .v3-studio {transition:box-shadow .3s ease,transform .4s ease}
 .v3-studio:hover {box-shadow:0 45px 110px #01071bee,0 0 0 1px #ffa04a6b}
 .v2-tool-card,.v2-overview-link{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
}
@keyframes bdk-v5-haze-blue{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-9%,13%,0) scale(1.18)}}
@keyframes bdk-v5-haze-orange{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12%,-5%,0) scale(1.18)}}
@keyframes bdk-v5-float-a{0%,100%{transform:translateY(0) rotate(-17deg)}50%{transform:translate(-13px,-19px) rotate(-9deg)}}
@keyframes bdk-v5-float-b{0%,100%{transform:translateY(0) rotate(15deg)}50%{transform:translate(10px,22px) rotate(25deg)}}
@media (max-width:920px){.v3-hero::after{right:3%;bottom:23%}}
@media (max-width:640px){.v3-hero::before,.v3-hero::after{opacity:.27}.v3-hero::before{right:-20px;top:9%}}
@media (prefers-reduced-motion:reduce){.v3-haze-a,.v3-haze-b,.v3-hero::before,.v3-hero::after{animation:none!important}}