:root {
	/* Brand primitives shared by the main site and Puppy Academy. */
	--kc-color-ink: #071923;
	--kc-color-navy: #092337;
	--kc-color-navy-2: #12314f;
	--kc-color-blue: #216da5;
	--kc-color-blue-deep: #14527e;
	--kc-color-blue-soft: #74a5c7;
	--kc-color-sky: #d9ecf7;
	--kc-color-sky-2: #eef8fc;
	--kc-color-red: #ff1d16;
	--kc-color-red-dark: #b70f0a;
	--kc-color-cream: #f8f4ed;
	--kc-color-cream-2: #fffaf2;
	--kc-color-white: #ffffff;
	--kc-color-muted: #5d6b76;
	--kc-color-line: rgba(7, 25, 35, 0.14);
	--kc-color-line-strong: rgba(7, 25, 35, 0.24);

	--kc-font-display: Georgia, "Times New Roman", serif;
	--kc-font-body: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;

	--kc-radius-sm: 4px;
	--kc-radius-md: 8px;
	--kc-radius-lg: 16px;

	--kc-shadow-soft: 0 18px 60px rgba(7, 25, 35, 0.14);
	--kc-shadow-float: 0 28px 80px rgba(7, 25, 35, 0.2);
	--kc-shadow-hard: 8px 8px 0 var(--kc-color-ink);

	--kc-shell: 1120px;
	--kc-shell-wide: 1240px;
	--kc-space-1: 0.25rem;
	--kc-space-2: 0.5rem;
	--kc-space-3: 0.75rem;
	--kc-space-4: 1rem;
	--kc-space-5: 1.5rem;
	--kc-space-6: 2rem;
	--kc-space-7: 3rem;
	--kc-space-8: 4.5rem;
	--kc-space-9: 6rem;

	--kc-template-page-bg: var(--kc-color-cream);
	--kc-template-surface: var(--kc-color-white);
	--kc-template-surface-alt: var(--kc-color-sky-2);
	--kc-template-section-dark: var(--kc-color-navy);
	--kc-template-accent: var(--kc-color-red);
	--kc-template-accent-hover: var(--kc-color-red-dark);
	--kc-template-link: var(--kc-color-blue-deep);
	--kc-template-border: var(--kc-color-line);
}

[data-theme="academy"] {
	--kc-color-ink: #06141d;
	--kc-color-navy: #0a2a43;
	--kc-color-blue: #1e78b7;
	--kc-color-blue-deep: #0f5f94;
	--kc-color-red: #ff2b24;
	--kc-color-cream: #fff7ea;
	--kc-template-page-bg: var(--kc-color-cream);
	--kc-template-surface-alt: #eef8ff;
}