/**
 * Capnomic Global Shell — Core design system
 * Capnomic Deep Teal brand identity
 */


/* Site-wide Capnomic typography — Urbanist is the default for all visible text
 * across desktop, tablet and mobile. Code and icon-font elements retain their
 * functional typefaces where required. */
body.capnomic-shell-font-active,
body.capnomic-shell-font-active :where(h1,h2,h3,h4,h5,h6,p,a,span,div,li,ul,ol,button,input,select,textarea,label,legend,summary,small,strong,b,em,i,blockquote,figcaption,th,td,dt,dd,option,optgroup,article,section,main,header,footer,nav,aside,form,table,caption) {
	font-family: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body.capnomic-shell-font-active {
	--cap-font-family: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-family: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.capnomic-shell {
	--cap-font: var(--cap-font-family, 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);

	/* Navy foundation */
	--cap-navy: #0A1628;
	--cap-navy-2: #101F35;
	--cap-navy-3: #162A42;

	/* Capnomic Deep Teal system */
	--cap-teal: #064B4F;
	--cap-teal-deep: #043C40;
	--cap-teal-soft: rgba(6, 75, 79, 0.08);
	--cap-teal-border: rgba(6, 75, 79, 0.28);
	--cap-teal-glow: rgba(6, 75, 79, 0.18);

	/* Neutrals */
	--cap-white: #FFFFFF;
	--cap-gray: #F4F6F8;
	--cap-gray-2: #E8ECF0;
	--cap-muted: #7A8492;
	--cap-border: #E7EBF0;
	--cap-gold: #C9A45C;

	box-sizing: border-box;
	font-family: var(--cap-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.capnomic-shell *,
.capnomic-shell *::before,
.capnomic-shell *::after {
	box-sizing: border-box;
}

.capnomic-shell a {
	color: inherit;
	text-decoration: none;
}

.capnomic-shell a:hover {
	text-decoration: none;
}

.capnomic-shell button {
	font-family: inherit;
	cursor: pointer;
}

.capnomic-shell img {
	max-width: 100%;
	height: auto;
	display: block;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

@media (prefers-reduced-motion: reduce) {
	.capnomic-shell *,
	.capnomic-shell *::before,
	.capnomic-shell *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}