/* Rishav brand layer: Sora + Manrope type, navy and copper from the logo. Loaded after the design CSS. */
:root{
	--font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	--font-display:'Sora','Manrope',system-ui,sans-serif;
	--ink:#10233f;
	--copper:#c08a52;
	--copper-deep:#8f5a2a;
	--copper-light:#e7bd8a;
	--copper-grad:linear-gradient(100deg,#b9803f,#8f5a2a);
}

/* Type */
h1,h2,h3,.tech-strip strong,.journey-track strong{font-family:var(--font-display)}
h1,h2{font-weight:400}
h3{font-weight:500;letter-spacing:-.01em}
::selection{background:#ecd6b8;color:var(--ink)}

/* Accent words: copper Sora instead of blue serif italics. */
em{font-family:var(--font-display);font-style:normal;font-weight:500;background:var(--copper-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.intelligence h2 em,.focus-section h2 em,.intelligence em,.focus-section em{background:linear-gradient(100deg,#f2cf9e,#d59d61);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Small uppercase labels */
.eyebrow{color:var(--copper-deep)}
.intelligence .eyebrow,.focus-section .eyebrow{color:var(--copper-light)}

/* Buttons: copper with navy text (5:1+ contrast), navy arrow chip. */
.button{color:var(--ink);border-color:#b77d41;box-shadow:0 7px 18px #9a62291f,inset 0 1px 0 #ffffff40}
.button:hover{background:linear-gradient(120deg,#c68d52,#dcaa72);box-shadow:0 12px 24px #9a622933}
.button>span{background:var(--ink);color:#fff}
.button:hover>span{background:#1d3a63}
.journey-track button.active{color:var(--ink)}

/* Small details */
.read-progress{background:var(--copper-grad)}
.text-link:hover{color:var(--copper-deep);border-color:var(--copper)}
.use-cases button.selected{color:var(--ink);font-weight:600}
nav a[aria-current=page]{color:var(--copper-deep)}