/*
Theme Name: Nick's Watch Store
Theme URI: https://nws.im-development.nl/
Author: Innovatie Media
Author URI: https://innovatiemedia.nl/
Description: Maatwerkthema voor Nick's Watch Store: voorraad en M2M als custom post types, bestellen via WhatsApp of Telegram, paginatransities met Barba.
Version: 1.0.18
Requires PHP: 8.1
Text Domain: nws
*/


:root {
	/* Ondergrond */
	--c-paper: oklch(0.986 0.003 85);
	--c-white: oklch(0.998 0.001 85);
	--c-stone: oklch(0.958 0.004 85);
	--c-stone-2: oklch(0.93 0.005 85);
	--c-line: oklch(0.9 0.005 85);
	--c-line-strong: oklch(0.8 0.006 85);

	/* Tekst */
	--c-ink: oklch(0.18 0.006 265);
	--c-ink-2: oklch(0.42 0.006 265);
	--c-muted: oklch(0.56 0.006 265);
	--c-dim: oklch(0.18 0.006 265 / 0.38);

	/* Accent: zwart-wit */
	--c-accent: var(--c-ink);
	--c-accent-ink: var(--c-white);

	--c-open: oklch(0.64 0.15 150);
	--c-closed: oklch(0.72 0.006 265);

	--glass: oklch(0.99 0.002 85 / 0.66);

	/* Typografie */
	--font-display: "Michroma", "Eurostile", "Microgramma", "Helvetica Neue", sans-serif;
	--font-sans: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
	--display-weight: 400;
	--display-tracking: 0;

	--label-size: 0.6875rem;
	--label-weight: 500;
	--label-tracking: 0.18em;

	--fs-sm: 0.875rem;
	--fs-base: 1rem;
	--fs-md: 1.125rem;
	--fs-card: clamp(0.875rem, 0.8rem + 0.2vw, 1rem);
	--fs-card-title: clamp(1.75rem, 1.35rem + 1vw, 2.375rem);
	--fs-h: clamp(1.5rem, 1.1rem + 1.2vw, 2.375rem);
	--fs-svc: clamp(1.0625rem, 0.9rem + 0.45vw, 1.375rem);
	--fs-hero: clamp(1.25rem, 0.95rem + 0.95vw, 1.875rem);

	/* Ruimte en raster */
	--pad: clamp(1rem, 0.6rem + 1vw, 1.5rem);
	--gap: clamp(0.75rem, 0.5rem + 0.7vw, 1.25rem);
	--section: clamp(4rem, 2.8rem + 4.5vw, 7.5rem);
	--header-h: 4.75rem;

	/* Vorm en beweging */
	--radius-panel: 2px;
	--radius-btn: 0px;
	--radius-media: 2px;
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-nav: cubic-bezier(0.525, 0, 0, 1);
}

@media (max-width: 1100px) {
	:root { --header-h: 4rem; }
}