/* ============================================================
   PARCEL THEME LAYER — PR-1 of SAT-Update-2026-07-16-B
   Loaded AFTER styles.min.css so its :root and chrome rules win.
   Token flip + --sat-* aliases (migration per spec §0); ink nav
   chrome (spec: interior nav = solid ink, reversed lockup);
   motion layer (spec §2). Aliases removed in final cleanup PR.
   ============================================================ */

:root{
  --ink:#14181B;--ink2:#1B2126;--ink3:#0E1114;--paper:#FBFCFE;--cool:#F6F8FB;
  --silver:#E9EDF1;--silver2:#D7DDE5;--slate:#5B6470;--slate2:#8A93A0;
  --brass:#A88B5C;--brass-deep:#8C7143;--sand:#D8C6A6;--line:rgba(216,198,166,.22);
  /* migration aliases — old cream/gold vars now resolve to Parcel */
  --sat-cream:#FBFCFE;--sat-white:#FFFFFF;--sat-charcoal:#14181B;
  --sat-gold:#A88B5C;--sat-gold-text:#8C7143;--sat-muted:#5B6470;--sat-border:#E9EDF1;
}

body{font-family:'Hanken Grotesk','Inter Fallback','Helvetica Neue',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}

/* ---------- NAV: solid ink, reversed lockup, silver links ---------- */
.nav{background-color:var(--ink) !important;box-shadow:none !important;border-bottom:1px solid rgba(216,198,166,.18)}
/* homepage exception: nav floats transparent over the hero (mockup frame 01) */
.nav.overhero{background:transparent !important;background-color:transparent !important;border-bottom:none !important}
.nav-links a{color:#E9EDF1 !important}
.nav-links a:hover{color:#FFFFFF !important}
.nav-links a.active{color:var(--sand) !important}
.nav-dropdown__menu{background:var(--ink2) !important;border:1px solid rgba(216,198,166,.18)}
.nav-dropdown__menu a{color:#E9EDF1 !important}
.nav-dropdown__menu a:hover{color:#FFFFFF !important;background:rgba(216,198,166,.08) !important}
.nav-cta,.nav-actions .btn-primary{background-color:var(--brass) !important;border-color:var(--brass) !important;color:var(--ink) !important}
.nav-cta:hover,.nav-actions .btn-primary:hover{background-color:var(--sand) !important;border-color:var(--sand) !important;color:var(--ink) !important}
.hamburger{background-color:#E9EDF1 !important}
/* mobile menu panel (opened via .nav--open) */
.nav--open .nav-links{background:var(--ink) !important}
.nav--open .nav-links a{color:#E9EDF1 !important}
.mobile-cta{background-color:var(--brass) !important;color:var(--ink) !important}
.skip-to-content{background:var(--brass);color:var(--ink)}

/* ---------- Buttons on light surfaces: brass with ink text ---------- */
.btn-primary{background-color:var(--brass);border-color:var(--brass);color:var(--ink)}
.btn-primary:hover{background-color:var(--brass-deep);border-color:var(--brass-deep);color:#FFF8EA}
.btn-secondary{border-color:var(--brass);color:var(--ink)}
.hero .btn-secondary{color:#FFFFFF;border-color:#FFFFFF}

/* ---------- Footer: ink-3 ---------- */
.footer{background-color:var(--ink3) !important}

/* ---------- Motion layer (spec §2 — CSS only) ---------- */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes litGlow{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.r1{animation:rise .8s cubic-bezier(.2,.8,.2,1) .15s both}
.r2{animation:rise .8s cubic-bezier(.2,.8,.2,1) .3s both}
.r3{animation:rise .8s cubic-bezier(.2,.8,.2,1) .45s both}
.r4{animation:rise .8s cubic-bezier(.2,.8,.2,1) .6s both}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}