/*
 * CSS Custom Properties — International Blocks Theme
 * All colours, spacing, and typography tokens live here.
 * Never use inline styles or hardcoded hex values outside this file.
 */

:root {

	/* ─── Brand Colours ─────────────────────────────────────────────── */
	--ci-color-engage:   #f99d31;   /* Engage orange    */
	--ci-color-develop:  #af4d76;   /* Develop purple/pink */
	--ci-color-innovate: #538da9;   /* Innovate teal    */
	--ci-color-express:  #cfd666;   /* Express green    */
	--ci-color-navy:     #1e2d3d;   /* Dark navy        */

	/* ─── Neutral Palette ───────────────────────────────────────────── */
	--ci-color-white:    #ffffff;
	--ci-color-off-white:#fafafa;
	--ci-color-light-bg: #f5f5f5;
	--ci-color-border:   #d3d3d3;
	--ci-color-text:     #1e2d3d;   /* Navy as base text */
	--ci-color-text-muted: #6b6b6c;

	/* ─── Typography ────────────────────────────────────────────────── */
	--ci-font-primary:   'Lato', sans-serif;
	--ci-font-secondary: 'Lato', sans-serif; /* Intentionally matches primary — Lato is the sole typeface */

	/* ─── Navigation ────────────────────────────────────────────────── */
	--ci-nav-height:     25px;
	--ci-nav-bg:         var(--ci-color-white);
	--ci-nav-shadow:     0 10px 14px rgba(0, 0, 0, 0.01), 0 8px 16px rgba(0, 0, 0, 0.03);
	--ci-nav-breakpoint: 1089px;

	/* ─── Spacing ───────────────────────────────────────────────────── */
	--ci-size-xs:   0.25rem;
	--ci-size-sm:   0.5rem;
	--ci-size-md:   1rem;
	--ci-size-lg:   1.5rem;
	--ci-size-xl:   2rem;
	--ci-size-2xl:  3rem;

	/* ─── Section rhythm ─────────────────────────────────────────────────────── */
	--ci-section-padding: 5rem;
	--ci-section-padding-mobile: 2rem;

}