:root {
	/*
	 * Palette — built from the two colours the client supplied:
	 *   #DECECE  dusty rose
	 *   #D1DEDE  pale blue-gray
	 *
	 * DIRECTION: colour is BACKGROUND ONLY. Her two tones do the identity work as
	 * generous surface fills; neutrals do all the text, link, button, and focus
	 * work. The site should squint down to an almost-monochrome warm gray/beige
	 * page with two gentle colour washes — not "a site with a colour scheme".
	 *
	 * An earlier pass darkened her hues until they could carry text (#915555 /
	 * #447474). The contrast was correct but the result read burgundy and teal,
	 * which is the feel she is moving away from. Do not reintroduce a saturated
	 * action colour. If an accent is ever needed, it goes gray-first, hue-second:
	 * closer to a gray with a trace of her hue than to a colour.
	 */

	/* Grounds — beige / smoke neutrals. */
	--myco-color-bg: #f8f6f4;
	--myco-color-surface: #f1eceb;
	--myco-color-surface-strong: #e6dcda;

	/* Her two colours, unmodified. Fills only — never text, never a label. */
	--myco-color-rose: #decece;
	--myco-color-blue: #d1dede;
	--myco-color-rose-tint: #efe5e5;
	--myco-color-blue-tint: #e6eeee;

	/* Ink. */
	--myco-color-text: #2b2828;
	--myco-color-muted: #6e6666;
	--myco-color-muted-strong: #5f5858;
	--myco-color-border: rgba(43, 40, 40, 0.13);
	--myco-color-border-strong: rgba(43, 40, 40, 0.22);
	--myco-color-primary: #2b2828;
	--myco-color-primary-soft: #4a4444;

	/*
	 * Action — warm neutral, NOT one of her hues.
	 * accent        8.85:1 on ground, 9.54:1 white-on  -> links, buttons, focus
	 * accent-strong hover; settles onto the heading ink
	 * accent-2      a warm gray carrying only a trace of the rose. Decorative
	 *               only: rules, icons, card hover borders. Reads as a shadow of
	 *               the rose fill, not as a pink accent.
	 */
	--myco-color-accent: #4a4444;
	--myco-color-accent-strong: #2b2828;
	--myco-color-accent-2: #8f8484;
	--myco-color-accent-wash: rgba(74, 68, 68, 0.08);

	/*
	 * Book club signature — a muted slate holding only a trace of her blue.
	 * Quiet enough to sit beside the neutrals without becoming a second brand
	 * colour, distinct enough to mark the membership area.
	 */
	--myco-color-club: #5b6767;
	--myco-color-club-ink: #445050;
	--myco-color-club-2: #7c8a8a;
	--myco-color-club-wash: rgba(91, 103, 103, 0.1);

	/* Semantic state tokens (form notices, WooCommerce badges) — functional states, not part of the visual identity. */
	--myco-color-success: #2f7d5d;
	--myco-color-danger: #a13d3d;
	--myco-color-white: #ffffff;

	/*
	 * Type — Fraunces (display serif) + Montserrat (sans), both self-hosted
	 * variable fonts with latin + latin-ext so Turkish ğ/ş/ı/İ render correctly.
	 * See assets/css/fonts.css.
	 */
	--myco-font-sans: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--myco-font-serif: "Fraunces", Georgia, "Times New Roman", serif;

	--myco-font-size-xs: 0.8125rem;
	--myco-font-size-sm: 0.875rem;
	--myco-font-size-base: 1rem;
	--myco-font-size-lg: 1.125rem;
	--myco-font-size-xl: 1.375rem;
	--myco-font-size-2xl: 1.625rem;

	--myco-line-height: 1.7;
	--myco-line-height-tight: 1.12;
	--myco-tracking-tight: -0.015em;
	--myco-tracking-wide: 0.08em;
	--myco-tracking-label: 0.22em;
	--myco-hairline: 1px solid rgba(43, 40, 40, 0.14);

	/*
	 * Content ceiling. Nothing but a background FILL may exceed these — content
	 * that bleeds to the viewport edge strands itself in the corner of a wide
	 * monitor. At 2560px the composition must look identical to 1440px, only
	 * with more margin.
	 */
	--myco-container: 1180px;
	--myco-container-wide: 1320px;
	--myco-container-content: 760px;

	/* Side breathing room. Scales so the gutter grows with the viewport. */
	--myco-gutter: clamp(1.25rem, 4vw, 3.5rem);

	--myco-space-2xs: 0.25rem;
	--myco-space-xs: 0.5rem;
	--myco-space-sm: 0.75rem;
	--myco-space-md: 1rem;
	--myco-space-lg: 1.5rem;
	--myco-space-xl: 2rem;
	--myco-space-2xl: 3rem;
	--myco-space-3xl: 4.5rem;
	--myco-space-4xl: 6rem;
	/* Editorial scale — sections breathe at 8–12rem on desktop. */
	--myco-space-5xl: 8rem;
	--myco-space-6xl: 12rem;

	--myco-radius-sm: 0.375rem;
	--myco-radius-md: 0.5rem;
	--myco-radius-lg: 0.75rem;
	--myco-radius-xl: 1rem;

	--myco-shadow-soft: 0 9px 30px rgba(43, 40, 40, 0.05);
	--myco-shadow-card: 0 6px 18px rgba(43, 40, 40, 0.06);

	--myco-z-header: 50;
	--myco-z-menu: 60;

	--myco-transition: 180ms ease;
}