/**
 * Design tokens for NexusKilimaTheme.
 *
 * Values mirror the approved V4 design exactly. Colours a site owner can change
 * are re-declared at runtime by the Customizer (see functions.php).
 */

:root {
	/* Brand */
	--nk-red: #DA1A32;
	--nk-red-deep: #B8152A;
	--nk-red-tint: #FF7A8C;

	/* Neutrals */
	--nk-black: #0E0E0F;
	--nk-charcoal: #1A1A1C;
	--nk-charcoal-soft: #2E2E31;
	--nk-ink: #141416;
	--nk-ink-muted: #48484A;
	--nk-ink-quiet: #5A5A5C;
	--nk-ink-faint: #3C3C3E;

	/* Surfaces */
	--nk-paper: #FAFAFA;
	--nk-surface: #FFFFFF;
	--nk-surface-sunk: #F2F2F3;
	--nk-surface-raised: #F5F5F6;
	--nk-surface-tint: #F0F0F1;

	/* Lines */
	--nk-line: #E7E7E9;
	--nk-line-soft: #E4E4E6;
	--nk-line-strong: #DBDBDD;

	/* On dark */
	--nk-on-dark: #E6E6E8;
	--nk-on-dark-muted: #C7C7C9;
	--nk-on-dark-quiet: #9A9A9C;

	/* Type */
	--nk-font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--nk-font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--nk-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

	/* Rhythm */
	--nk-shell: 1280px;
	--nk-gutter: 32px;
	--nk-section-y: 120px;
	--nk-header-h: 96px;

	/* Radii */
	--nk-r-sm: 8px;
	--nk-r-md: 12px;
	--nk-r-lg: 20px;
	--nk-r-xl: 24px;
	--nk-r-pill: 999px;

	/* Elevation */
	--nk-shadow-card: 0 1px 2px rgba(14, 14, 15, 0.04), 0 10px 22px -18px rgba(14, 14, 15, 0.3);
	--nk-shadow-lift: 0 1px 2px rgba(14, 14, 15, 0.05), 0 34px 56px -30px rgba(14, 14, 15, 0.45);
	--nk-shadow-frame: 0 0 0 1px rgba(14, 14, 15, 0.07), 0 40px 70px -40px rgba(14, 14, 15, 0.62);

	/* Motion */
	--nk-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--nk-dur: 0.7s;
}