/* ============================================================
   House of Wisdom — site.css
   The Enterprise Intelligence Platform, powered by Decision Infrastructure™
   Master source stylesheet. Design tokens + global rules only;
   component styling is inline in the page markup produced by js/app.js.
   ============================================================ */

:root{
  --paper:#F5F2EA; --paper2:#FBF9F3;
  --ink:#12100C; --ink2:#57534A; --ink3:#8C877B;
  --line:#E6E0D3; --line2:#D4CDBC;
  --navy:#1F3A5F; --navy2:#42648C; --navydk:#13283F; --navydk2:#0E1F33;
  --tint:#E9EDF3; --tint2:#D3DEEA;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Schibsted Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%}
a{color:var(--navy);text-decoration:none}
a:hover{color:var(--navy2)}
::selection{background:var(--tint2)}

/* App shell */
#app{min-height:100vh;display:flex;flex-direction:column}

/* Scroll-reveal */
@keyframes rvup{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
[data-rv]{opacity:0}
[data-rv].in{animation:rvup .7s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Forms */
input,textarea,select,button{font-family:inherit}

/* Focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--navy);outline-offset:2px;border-radius:4px;
}

/* Skip link */
.skip-link{position:absolute;left:16px;top:-60px;z-index:300;background:var(--navydk);color:#fff;font-size:14px;font-weight:700;padding:11px 18px;border-radius:10px;transition:top .2s}
.skip-link:focus{top:12px;color:#fff}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  [data-rv]{opacity:1!important}
  [data-rv].in{animation:none!important}
}

/* Nav responsive visibility (breakpoint 1040px) */
@media (max-width:1040px){ .nav-desktop{display:none!important} }
@media (min-width:1041px){ .nav-mobile-btn{display:none!important} }

/* ---- Hover utilities (replace DC style-hover) ---- */
.tr{transition:background .2s,border-color .2s,color .2s}
.btn-white:hover{background:#E9EDF3}
.btn-navy:hover{background:var(--navydk)}
.btn-ghost:hover{background:rgba(255,255,255,0.16)}
.link-emph:hover{color:#fff}
.lnk-navy:hover{color:var(--navy2)}
.nav-lnk:hover{background:var(--tint)}
.card-hover:hover{border-color:var(--navy2)}
.panel-dark:hover{background:var(--navydk2)}
.foot-lnk:hover{color:#fff}
.hero-alt:hover{color:#fff}