/* =====================================================================
   LX4Tours · Tokens
   theme.json is the single source of truth for colors, type, spacing,
   and shadows — components.css reads --wp--preset--* directly. This
   file only defines tokens that don't belong in theme.json: line-heights,
   font-weights, the hex motif clip-path, focus ring, container widths,
   motion, and our custom radius scale.
   ===================================================================== */

:root {
	/* Line-heights. */
	--lh-tight:  1.1;
	--lh-snug:   1.25;
	--lh-short:  1.3;
	--lh-normal: 1.5;
	--lh-relax:  1.6;
	--lh-loose:  1.7;

	/* Font weights. */
	--fw-regular:  400;
	--fw-semibold: 600;
	--fw-bold:     700;

	/* Radius scale (theme.json's border.radius is open-ended; we pin ours). */
	--radius-none:   0;
	--radius-small:  0.25rem;
	--radius-medium: 0.75rem;
	--radius-large:  1.5rem;
	--radius-full:   9999px;

	/* Focus ring. */
	--focus-color:  var(--wp--preset--color--primary);
	--focus-width:  2px;
	--focus-offset: 2px;

	/* Layout. */
	--container-max:    1240px;
	--container-narrow: 920px;
	--container-pad:    1.75rem; /* 28px — matches standalone reference */
	--radius-card:      1.25rem; /* 20px — tour/feature cards */
	--radius-card-lg:   1.5rem;  /* 24px — about media */

	/* Motion. */
	--ease-default: cubic-bezier(0.4, 0, 0.2, 1);
	--dur-fast:     150ms;
	--dur-base:     200ms;

	/* Hex motif clip-path (pointy-top, never rotated). */
	--hex-clip: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}