/**
 * KMD Auth — Design tokens.
 * Every other stylesheet in this plugin reads from these custom
 * properties only. Nothing here inherits from the active theme.
 */

:root {
	/* Color */
	--kmd-color-bg: #ffffff;
	--kmd-color-bg-subtle: #f8f9fb;
	--kmd-color-surface: #ffffff;
	--kmd-color-border: #e5e7eb;
	--kmd-color-text: #111827;
	--kmd-color-text-muted: #6b7280;
	--kmd-color-accent: #6366f1;
	--kmd-color-accent-hover: #4f46e5;
	--kmd-color-accent-contrast: #ffffff;
	--kmd-color-success: #16a34a;
	--kmd-color-error: #dc2626;
	--kmd-color-warning: #d97706;
	--kmd-color-info: #2563eb;

	/* Typography */
	--kmd-font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
	--kmd-font-family-serif: Georgia, "Times New Roman", serif;
	--kmd-font-size-xs: 0.75rem;
	--kmd-font-size-sm: 0.875rem;
	--kmd-font-size-md: 1rem;
	--kmd-font-size-lg: 1.125rem;
	--kmd-font-size-xl: 1.5rem;
	--kmd-font-size-2xl: 2rem;
	--kmd-font-weight-normal: 400;
	--kmd-font-weight-medium: 500;
	--kmd-font-weight-semibold: 600;
	--kmd-font-weight-bold: 700;
	--kmd-line-height-tight: 1.2;
	--kmd-line-height-normal: 1.5;

	/* Spacing scale */
	--kmd-space-1: 4px;
	--kmd-space-2: 8px;
	--kmd-space-3: 12px;
	--kmd-space-4: 16px;
	--kmd-space-5: 24px;
	--kmd-space-6: 32px;
	--kmd-space-7: 48px;
	--kmd-space-8: 64px;

	/* Radius scale */
	--kmd-radius-sm: 6px;
	--kmd-radius-md: 10px;
	--kmd-radius-lg: 16px;
	--kmd-radius-xl: 24px;
	--kmd-radius-full: 999px;

	/* Elevation / shadow */
	--kmd-shadow-sm: 0 1px 2px rgba( 16, 24, 40, 0.06 );
	--kmd-shadow-md: 0 4px 12px rgba( 16, 24, 40, 0.08 );
	--kmd-shadow-lg: 0 12px 32px rgba( 16, 24, 40, 0.12 );
	--kmd-shadow-xl: 0 24px 64px rgba( 16, 24, 40, 0.18 );

	/* Motion */
	--kmd-duration-fast: 120ms;
	--kmd-duration-normal: 200ms;
	--kmd-duration-slow: 400ms;
	--kmd-ease-standard: cubic-bezier( 0.4, 0, 0.2, 1 );

	/* Layout */
	--kmd-container-max: 1200px;
	--kmd-form-panel-max: 440px;
}