/**
 * Partner-Portal theme.json — dieselben Tokens wie WordPress global-styles.
 * Quelle: Theme/partner-portal-theme/theme.json
 * Child hat keine eigenen Werte.
 */

:root,
body.iq-site {
	--wp--preset--color--base: #ffffff;
	--wp--preset--color--base-subtle: #f8fafc;
	--wp--preset--color--surface: #f1f5f9;
	--wp--preset--color--surface-alt: #e2e8f0;
	--wp--preset--color--contrast: #0f172a;
	--wp--preset--color--contrast-muted: #64748b;
	--wp--preset--color--primary: #e40046;
	--wp--preset--color--primary-dark: #c2003b;
	--wp--preset--color--primary-soft: #fff0f3;
	--wp--preset--color--accent: #e40046;
	--wp--preset--color--accent-dark: #c2003b;
	--wp--preset--color--accent-teal: #007a53;
	--wp--preset--color--accent-green: #007a53;
	--wp--preset--color--brand: #e40046;
	--wp--preset--color--brand-dark: #8c0024;

	--wp--preset--font-family--plus-jakarta-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

	--wp--preset--font-size--x-small: 0.8125rem;
	--wp--preset--font-size--small: 0.9375rem;
	--wp--preset--font-size--medium: 1.0625rem;
	--wp--preset--font-size--large: 1.25rem;
	--wp--preset--font-size--x-large: clamp(1.375rem, 1.1rem + 1.1vw, 2rem);
	--wp--preset--font-size--xx-large: clamp(1.85rem, 1.35rem + 2.2vw, 2.75rem);
	--wp--preset--font-size--display: clamp(2.35rem, 1.4rem + 3.2vw, 3.5rem);

	--wp--preset--spacing--10: 0.25rem;
	--wp--preset--spacing--20: 0.5rem;
	--wp--preset--spacing--30: 1rem;
	--wp--preset--spacing--40: 1.5rem;
	--wp--preset--spacing--50: clamp(1rem, 3vw, 1.75rem);
	--wp--preset--spacing--60: clamp(2rem, 5vw, 3.5rem);
	--wp--preset--spacing--70: clamp(3rem, 8vw, 5rem);

	--wp--preset--shadow--card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -8px rgba(15, 23, 42, 0.08);
	--wp--preset--shadow--card-hover: 0 4px 12px rgba(15, 23, 42, 0.06), 0 20px 40px -16px rgba(15, 23, 42, 0.12);
	--wp--preset--shadow--soft: 0 1px 3px rgba(15, 23, 42, 0.05);
	--wp--preset--shadow--header: 0 1px 0 rgba(15, 23, 42, 0.05), 0 12px 32px -16px rgba(15, 23, 42, 0.08);

	--wp--preset--gradient--kubio-night-fade: linear-gradient(165deg, #f8fafc 0%, #e2e8f0 55%, #cbd5e1 100%);
	--wp--preset--gradient--kubio-juicy-peach: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
	--wp--preset--gradient--surface-warm: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
	--wp--preset--gradient--slate-hero: linear-gradient(145deg, #0f172a 0%, #1e293b 55%, #334155 100%);
	--wp--preset--gradient--hero-dusk: linear-gradient(135deg, #6b001c 0%, #e40046 50%, #007a53 140%);

	--wp--style--block-gap: 1.5rem;
}

.has-display-font-size { font-size: var(--wp--preset--font-size--display) !important; }
.has-xx-large-font-size { font-size: var(--wp--preset--font-size--xx-large) !important; }
.has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; }
.has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; }
.has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }
.has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; }
.has-x-small-font-size { font-size: var(--wp--preset--font-size--x-small) !important; }

.has-base-color { color: var(--wp--preset--color--base) !important; }
.has-contrast-color { color: var(--wp--preset--color--contrast) !important; }
.has-contrast-muted-color { color: var(--wp--preset--color--contrast-muted) !important; }
.has-accent-color { color: var(--wp--preset--color--accent) !important; }
.has-primary-color { color: var(--wp--preset--color--primary) !important; }

.has-base-background-color { background-color: var(--wp--preset--color--base) !important; }
.has-base-subtle-background-color { background-color: var(--wp--preset--color--base-subtle) !important; }
.has-surface-background-color { background-color: var(--wp--preset--color--surface) !important; }
.has-contrast-background-color { background-color: var(--wp--preset--color--contrast) !important; }
.has-primary-background-color { background-color: var(--wp--preset--color--primary) !important; }
.has-background { }

.has-text-align-center { text-align: center; }