/**
 * QubityKunstwerke Design Tokens
 *
 * Bridge between the plugin's CSS custom properties and
 * the Kadence theme's global palette / typography system.
 *
 * When Kadence is active, its Customizer values drive the design.
 * Fallbacks are generic plugin defaults for use without Kadence.
 *
 * Loaded in both frontend and block editor.
 *
 * @package QubityKunstwerke
 */

:root {
	/* === Colors (Kadence Global Palette) === */
	--qk-primary: var(--global-palette3, #333333);
	--qk-accent: var(--global-palette1, #555555);
	--qk-accent-light: var(--global-palette2, #666666);
	--qk-text: var(--global-palette3, #333333);
	--qk-text-secondary: var(--global-palette4, #555555);
	--qk-text-tertiary: var(--global-palette5, #777777);
	--qk-bg: var(--global-palette8, #F7F7F7);
	--qk-bg-alt: var(--global-palette7, #EBEBEB);
	--qk-surface: var(--global-palette9, #FFFFFF);
	--qk-border: var(--global-palette7, #EBEBEB);
	--qk-border-light: var(--global-palette8, #F7F7F7);
	--qk-success: #4A7C59;
	--qk-error: #A04040;

	/* === Typography (Kadence Font Families) === */
	--qk-font-heading: var(--global-heading-font-family, system-ui, sans-serif);
	--qk-font-body: var(--global-body-font-family, system-ui, sans-serif);
	--qk-font-nav: var(--global-primary-nav-font-family, system-ui, sans-serif);

	/* === Spacing (Kadence Global Spacing) === */
	--qk-space-xxs: var(--global-kb-spacing-xxs, 2px);
	--qk-space-2xs: var(--global-kb-spacing-2xs, 4px);
	--qk-space-xs: var(--global-kb-spacing-xs, 8px);
	--qk-space-sm: var(--global-kb-spacing-sm, 16px);
	--qk-space-md: var(--global-kb-spacing-md, 24px);
	--qk-space-lg: var(--global-kb-spacing-lg, 32px);
	--qk-space-xl: var(--global-kb-spacing-xl, 48px);
	--qk-space-2xl: var(--global-kb-spacing-2xl, 64px);
	--qk-space-3xl: var(--global-kb-spacing-3xl, 96px);
	--qk-space-4xl: var(--global-kb-spacing-4xl, 128px);

	/* === Layout === */
	--qk-max-width: 1400px;
	--qk-radius: 2px;

	/* === Shadows === */
	--qk-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	--qk-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.10);

	/* === Transitions === */
	--qk-transition-short: 150ms ease-out;
	--qk-transition-medium: 250ms ease-in-out;
}