/* Shared white-first, warm-gold theme for every page in the Haru love-oracle site. */
:root{color-scheme:light;--ink:#292725;--muted:#69645e;--wine:#a7834f;--wine2:#80602b;--red:#a7834f;--n:#292725;--n2:#fcfaf6;--gold:#a7834f;--g:#a7834f;--line:#e8e1d4;--l:#e8e1d4;--cream:#fcfaf6;--pale:#faf6ed;--paper:#fff;--i:#292725;--m:#69645e;--w:#82642d}
html,body{background:#fff!important;color:#292725!important}
body{background-image:none!important}
body:before{display:none!important}
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
a{color:#80632f}
.top,.site-head,.header,.navbar,.nav,.topbar{background:#fffffff2!important;color:#292725!important;border-color:#e8e1d4!important;box-shadow:0 4px 20px #53401c0a}
.top a,.site-head a,.navbar a,.nav a{color:#765a27}
.hero{background:linear-gradient(115deg,#fff 0%,#fff 66%,#fcfaf6 100%)!important;color:#292725!important;border-color:#e8e1d4!important}
.hero h1,.hero h2,.hero h3,h1,h2,h3{color:#302a22}
.hero p,.lead,.intro p,.description,.subcopy{color:#69645e}
.eyebrow,.kicker,.tag,.label-gold{color:#96723a!important}
.panel,.box,.card,.phrase,.plan,.notice,.head,.status-inner,.feature-card,.tool-card,.result-card,.output-card,.answer-card,.section-card{background:#fff!important;color:#292725!important;border-color:#e7dfd1!important;box-shadow:0 10px 30px #44351b0c}
.panel p,.box p,.card p,.phrase p,.plan p,.notice p,.hint,.fine,.muted,.help,.note{color:#69645e}
button,.btn,.button,input[type=submit],input[type=button],.actions a,.hero-ai-actions a,.haru-ai-links a{border-color:#b99a5b!important;background:linear-gradient(135deg,#d8bb79,#a77e34)!important;color:#282115!important;box-shadow:0 5px 16px #8965221a}
button:hover,.btn:hover,.button:hover,input[type=submit]:hover,input[type=button]:hover,.actions a:hover,.hero-ai-actions a:hover,.haru-ai-links a:hover{background:linear-gradient(135deg,#e6cf95,#b68c42)!important;color:#282115!important}
button:disabled,.btn:disabled{opacity:.62}
.tabs button,.tab,.filter button{background:#fff!important;color:#6b6255!important;border-color:#e4d9c4!important;box-shadow:none}
.tabs button.active,.tabs button.on,.tab.active,.filter button.active{background:linear-gradient(135deg,#d8bb79,#a77e34)!important;color:#282115!important;border-color:#b99a5b!important}
a:not(.btn):not(.button):not(.actions a){color:#80632f}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff!important;color:#292725!important;border-color:#d8ccb6!important}
input::placeholder,textarea::placeholder{color:#92897d}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #c4a15d!important;outline-offset:3px}
hr,.divider:before,.divider:after{border-color:#e1d5c0!important;background-color:#d8c69e}
.badge,.pill,.tag-pill,.status{border-color:#e7dcc4!important;background:#faf6ed!important;color:#775d2b!important}
footer,.footer,.closing{background:linear-gradient(180deg,#fff,#fcfaf6)!important;color:#69645e!important;border-color:#e8e1d4!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}