/**
 * Wiscohana shell-level design tokens.
 *
 * These are publication properties, not Blocksy Customizer values. Theme and
 * block implementations should consume these variables rather than duplicate
 * the underlying measurements or colors.
 */

@font-face {
	font-family: "Newsreader";
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url("../fonts/newsreader-latin-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Newsreader";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/newsreader-latin-italic.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/source-sans-3-latin-normal.woff2") format("woff2");
}

:root {
	/* Global width system from the Shell v1 implementation brief. */
	--wiscohana-width-site-max: 90rem;            /* 1440px */
	--wiscohana-width-editorial: 80rem;           /* 1280px; 1200–1280 target */
	--wiscohana-width-prose: 46rem;               /* 736px; 720–760 target */
	/* E02 Current Choices: centralized, replaceable Story reading rails. */
	--wiscohana-width-story-standard: 50rem;       /* 800px */
	--wiscohana-width-story-narrow: 42rem;         /* 672px */
	--wiscohana-width-media-wide: 86rem;          /* 1376px; 1320–1400 target */

	/* Responsive edge system. */
	--wiscohana-edge-desktop: clamp(2.5rem, 3vw, 3rem);
	--wiscohana-edge-tablet: clamp(1.75rem, 3.125vw, 2rem);
	--wiscohana-edge-mobile: clamp(1.25rem, 5.5vw, 1.5rem);
	--wiscohana-edge: var(--wiscohana-edge-desktop);

	/* Warm-neutral prototype palette. */
	--wiscohana-color-paper: #f8f5ee;
	--wiscohana-color-paper-deep: #eee8dc;
	--wiscohana-color-paper-soft: #f3eee5;
	--wiscohana-color-ink: #292724;
	--wiscohana-color-muted: #716b64;
	--wiscohana-color-surface-dark: #292622;
	--wiscohana-color-inverse: #f8f5ee;
	--wiscohana-color-inverse-muted: #c9c1b6;
	--wiscohana-color-rule: #d8d0c3;
	--wiscohana-color-rule-strong: #c7bcad;
	--wiscohana-color-accent: #9b493d;
	--wiscohana-color-accent-light: #d98273;

	/* Publishing type roles. Logo identity remains a separate asset role. */
	--wiscohana-font-editorial: "Newsreader", Georgia, serif;
	--wiscohana-font-narrative: "Newsreader", Georgia, serif;
	--wiscohana-font-interface: "Source Sans 3", system-ui, sans-serif;

	/* Initial shell spacing scale. */
	--wiscohana-space-1: 0.25rem;
	--wiscohana-space-2: 0.5rem;
	--wiscohana-space-3: 0.75rem;
	--wiscohana-space-4: 1rem;
	--wiscohana-space-5: 1.5rem;
	--wiscohana-space-6: 2rem;
	--wiscohana-space-7: 3rem;
	--wiscohana-space-8: 4rem;
	--wiscohana-space-9: 6rem;

	--wiscohana-header-height: 5.5rem;
	--wiscohana-header-height-sticky: 4rem;
	--wiscohana-header-height-mobile: 4rem;
	--wiscohana-focus-ring: 0 0 0 2px var(--wiscohana-color-inverse), 0 0 0 4px var(--wiscohana-color-ink);
	--wiscohana-transition-quick: 180ms ease;
}

@media (max-width: 64rem) {
	:root {
		--wiscohana-edge: var(--wiscohana-edge-tablet);
	}
}

@media (max-width: 48.875rem) {
	:root {
		--wiscohana-edge: var(--wiscohana-edge-mobile);
	}
}