/**
 * JS CONSULTING design tokens
 * Namespaced with --jsc- to avoid colliding with Lightning's own custom properties.
 * Loaded on every page (small, and other pages will reuse these as more sections are built).
 */
:root {
	--jsc-navy: #1E3358;
	--jsc-navy-deep: #132340;
	--jsc-navy-soft: #2C4670;
	--jsc-navy-tint: #EEF1F6;
	--jsc-gold: #B8860B;
	--jsc-gold-light: #D4A017;
	--jsc-white: #FFFFFF;
	--jsc-cream: #FAF9F5;
	--jsc-gray-bg: #F5F6F8;
	--jsc-gray-line: #E2E5EA;
	--jsc-text-body: #333B47;
	--jsc-text-muted: #6B7280;
	--jsc-font-heading: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
	--jsc-font-body: 'Noto Sans JP', sans-serif;
	--jsc-font-label: 'Roboto', sans-serif;
	--jsc-maxw: 1180px;
	--jsc-radius: 4px;
	--jsc-shadow: 0 1px 2px rgba(19,35,64,.04), 0 10px 28px rgba(19,35,64,.06);
	--jsc-shadow-hover: 0 4px 10px rgba(19,35,64,.06), 0 16px 36px rgba(19,35,64,.10);
}