/**
 * TM Event Calendar - design tokens.
 *
 * Shared custom properties consumed by layout.css and components.css.
 */

:root {
	/* Color palette */
	--tmec-color-primary: #2563eb;
	--tmec-color-primary-dark: #1d4ed8;
	--tmec-color-primary-soft: rgba(37, 99, 235, 0.08);
	--tmec-color-secondary: #f3f4f6;
	--tmec-color-border: #e2e4e9;
	--tmec-color-border-strong: #d1d5db;
	--tmec-color-today: #eef4ff;
	--tmec-color-today-border: #93c5fd;
	--tmec-color-weekend: #fafafa;
	--tmec-color-white: #ffffff;
	--tmec-color-text: #111827;
	--tmec-color-text-muted: #6b7280;
	--tmec-color-text-subtle: #9ca3af;
	--tmec-color-danger: #dc2626;

	/* Typography */
	--tmec-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--tmec-font-size-sm: 0.75rem;
	--tmec-font-size-base: 0.875rem;
	--tmec-font-size-md: 1rem;
	--tmec-font-size-lg: 1.25rem;
	--tmec-font-size-xl: 1.5rem;

	/* Spacing scale */
	--tmec-space-1: 0.25rem;
	--tmec-space-2: 0.5rem;
	--tmec-space-3: 0.75rem;
	--tmec-space-4: 1rem;
	--tmec-space-5: 1.5rem;
	--tmec-space-6: 2rem;

	/* Shape */
	--tmec-radius-sm: 4px;
	--tmec-radius-md: 8px;
	--tmec-radius-lg: 14px;
	--tmec-radius-pill: 999px;

	/* Elevation */
	--tmec-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
	--tmec-shadow-md: 0 8px 24px rgba(16, 24, 40, 0.08);
	--tmec-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.25);

	/* Motion */
	--tmec-transition-fast: 120ms ease;
	--tmec-transition-base: 200ms ease;

	/* Grid metrics */
	--tmec-day-min-height: 70px;
	--tmec-day-min-height-tablet: 70px;
	--tmec-day-min-height-mobile: 70px;

	/* Breakpoints (for reference; media queries hard-code px values) */
	--tmec-breakpoint-tablet: 900px;
	--tmec-breakpoint-mobile: 600px;
}