/*
 * Pleikischken Design System — tokens
 * Black on clean white, one brass accent, sharp corners, hairline borders.
 * Re-derived from the Pleikischken design system brief (no source token files were
 * reachable from this project) — see Resources/Public/Icons/logo.svg for the
 * placeholder wordmark this system pairs with.
 */

:root {
	/* Color: ink on clean white, one brass accent */
	--ink: #111111;
	--paper: #ffffff;
	--brass: #a9752b;
	--brass-deep: #7c5620;

	--grey-10: #f2f2f0;
	--grey-30: #d9d9d6;
	--grey-60: #86867f;
	--grey-90: #262622;

	/* Type: serif wordmark/display, grotesk sans for everything else */
	--font-sans: 'Archivo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-serif-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--font-serif-wordmark: Georgia, 'Times New Roman', serif;

	--text-2xs: 0.75rem;
	--text-xs: 0.8125rem;
	--text-sm: 0.9375rem;
	--text-base: 1.0625rem;
	--text-lg: 1.25rem;
	--text-xl: 1.75rem;
	--text-2xl: 2.5rem;
	--text-3xl: 3.5rem;

	--leading-tight: 1.1;
	--leading-normal: 1.5;
	--tracking-wide: 0.06em;
	--tracking-wider: 0.14em;

	/* Spacing: 4px base scale */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-16: 64px;
	--space-24: 96px;
	--space-36: 144px;

	/* Radii: sharp everywhere */
	--radius-0: 0px;
	--radius-1: 1px;
	--radius-2: 2px;

	/* Borders: hairline is the primary structural device */
	--border-hairline: 1px solid var(--grey-30);
	--border-hairline-ink: 1px solid var(--ink);
	--border-emphasis: 2px solid var(--ink);

	/* Shadows: flat by default; soft lift reserved for true overlays only */
	--shadow-card: none;
	--shadow-overlay: 0 12px 32px rgba(17, 17, 17, 0.18);

	/* Motion: short ease-out for UI, a gentler ease for panels/overlays */
	--ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
	--ease-soft: cubic-bezier(0.25, 0.8, 0.25, 1);
	--duration-hover: 200ms;
	--duration-panel: 420ms;
}