/*
 * Static design preset token overrides.
 *
 * Apply data-rc-preset to the document root, body, or a preview wrapper.
 * Brand colors belong to the data-rc-brand layer and are not overridden here.
 */

[data-rc-preset] {
	--rc-font-size-h3: var(--wp--preset--font-size--h-3);
	--rc-font-size-h2: var(--wp--preset--font-size--h-2);
	--rc-font-size-h1: var(--wp--preset--font-size--h-1);
	--rc-font-size-display: var(--wp--preset--font-size--display);
	--rc-space-m: var(--wp--preset--spacing--m);
	--rc-space-l: var(--wp--preset--spacing--l);
	--rc-space-xl: var(--wp--preset--spacing--xl);
	--rc-space-2xl: var(--wp--preset--spacing--2-xl);
	--rc-layout-wide-size: var(--rc-layout-wide);
	--wp--style--global--wide-size: var(--rc-layout-wide);
}

[data-rc-preset="simple"] {
	--wp--preset--font-size--h-3: clamp(1.375rem, 1.25rem + 0.5vw, 1.625rem);
	--wp--preset--font-size--h-2: clamp(1.625rem, 1.4375rem + 0.75vw, 2rem);
	--wp--preset--font-size--h-1: clamp(2rem, 1.625rem + 1.5vw, 2.75rem);
	--wp--preset--font-size--display: clamp(2.5rem, 1.875rem + 2.5vw, 3.75rem);
	--wp--preset--spacing--m: 0.875rem;
	--wp--preset--spacing--l: 1.25rem;
	--wp--preset--spacing--xl: 1.75rem;
	--wp--preset--spacing--2-xl: 2.5rem;
	--rc-layout-content: 68rem;
	--rc-layout-wide: 76rem;
	--rc-layout-gutter: clamp(1rem, 0.875rem + 0.625vw, 1.5rem);
	--rc-section-space-small: clamp(1.5rem, 1.25rem + 1vw, 2.5rem);
	--rc-section-space-medium: clamp(2.5rem, 2rem + 2vw, 4rem);
	--rc-section-space-large: clamp(3.5rem, 2.75rem + 3vw, 5.5rem);
	--rc-section-space-xl: clamp(4.5rem, 3.5rem + 4vw, 7rem);
	--rc-radius-medium: 0.25rem;
	--rc-radius-large: 0.5rem;
	--rc-shadow-subtle: none;
	--rc-shadow-medium: none;
	--rc-button-radius: var(--rc-radius-small);
	--rc-button-padding-inline: var(--rc-space-m);
	--rc-button-padding-block: var(--rc-space-s);
	--rc-button-font-weight: 600;
	--rc-button-gap: var(--rc-space-s);
	--rc-card-radius: var(--rc-radius-small);
	--rc-card-shadow: var(--rc-shadow-none);
	--rc-card-padding: var(--rc-space-m);
	--rc-card-gap: var(--rc-space-s);
}

[data-rc-preset="corporate"] {
	--rc-layout-content: 72rem;
	--rc-layout-wide: 80rem;
	--rc-layout-gutter: clamp(1rem, 0.75rem + 1.25vw, 2rem);
	--rc-section-space-small: clamp(2rem, 1.5rem + 2vw, 3rem);
	--rc-section-space-medium: clamp(3rem, 2.25rem + 3vw, 5rem);
	--rc-section-space-large: clamp(4rem, 3rem + 4vw, 7rem);
	--rc-section-space-xl: clamp(5rem, 3.75rem + 5vw, 9rem);
	--rc-radius-medium: 0.5rem;
	--rc-radius-large: 1rem;
	--rc-shadow-subtle: 0 1px 2px rgb(0 0 0 / 0.08);
	--rc-shadow-medium: 0 4px 12px rgb(0 0 0 / 0.12);
	--rc-button-radius: var(--rc-radius-medium);
	--rc-button-padding-inline: var(--rc-space-m);
	--rc-button-padding-block: var(--rc-space-s);
	--rc-button-font-weight: 700;
	--rc-button-gap: var(--rc-space-s);
	--rc-card-radius: var(--rc-radius-medium);
	--rc-card-shadow: var(--rc-shadow-subtle);
	--rc-card-padding: var(--rc-space-l);
	--rc-card-gap: var(--rc-space-m);
}

[data-rc-preset="dynamic"] {
	--wp--preset--font-size--h-3: clamp(1.625rem, 1.5rem + 0.5vw, 1.875rem);
	--wp--preset--font-size--h-2: clamp(2rem, 1.75rem + 1vw, 2.5rem);
	--wp--preset--font-size--h-1: clamp(2.5rem, 2.125rem + 1.5vw, 3.25rem);
	--wp--preset--font-size--display: clamp(3.25rem, 2.375rem + 3.5vw, 5rem);
	--wp--preset--spacing--m: 1rem;
	--wp--preset--spacing--l: 1.75rem;
	--wp--preset--spacing--xl: 2.5rem;
	--wp--preset--spacing--2-xl: 3.5rem;
	--rc-layout-content: 74rem;
	--rc-layout-wide: 84rem;
	--rc-layout-gutter: clamp(1rem, 0.75rem + 1.5vw, 2.25rem);
	--rc-section-space-small: clamp(2rem, 1.5rem + 2vw, 3.5rem);
	--rc-section-space-medium: clamp(3.5rem, 2.5rem + 4vw, 5.5rem);
	--rc-section-space-large: clamp(4.5rem, 3.25rem + 5vw, 7.5rem);
	--rc-section-space-xl: clamp(5.5rem, 4rem + 6vw, 9.5rem);
	--rc-radius-medium: 0.75rem;
	--rc-radius-large: 1.25rem;
	--rc-shadow-subtle: 0 2px 6px rgb(24 24 27 / 0.1);
	--rc-shadow-medium: 0 8px 24px rgb(24 24 27 / 0.16);
	--rc-button-radius: var(--rc-radius-pill);
	--rc-button-padding-inline: var(--rc-space-l);
	--rc-button-padding-block: var(--rc-space-s);
	--rc-button-font-weight: 700;
	--rc-button-gap: var(--rc-space-s);
	--rc-card-radius: var(--rc-radius-large);
	--rc-card-shadow: var(--rc-shadow-medium);
	--rc-card-padding: var(--rc-space-xl);
	--rc-card-gap: var(--rc-space-l);
}

[data-rc-preset="immersive"] {
	--wp--preset--font-size--h-3: clamp(1.625rem, 1.375rem + 1vw, 2rem);
	--wp--preset--font-size--h-2: clamp(2rem, 1.625rem + 1.5vw, 2.75rem);
	--wp--preset--font-size--h-1: clamp(2.75rem, 2.25rem + 2vw, 3.75rem);
	--wp--preset--font-size--display: clamp(3.5rem, 2.5rem + 4vw, 5.5rem);
	--wp--preset--spacing--m: 1.125rem;
	--wp--preset--spacing--l: 2rem;
	--wp--preset--spacing--xl: 3rem;
	--wp--preset--spacing--2-xl: 4rem;
	--rc-layout-content: 78rem;
	--rc-layout-wide: 90rem;
	--rc-layout-gutter: clamp(1rem, 0.625rem + 2vw, 2.5rem);
	--rc-section-space-small: clamp(2.5rem, 1.75rem + 3vw, 4rem);
	--rc-section-space-medium: clamp(4rem, 2.75rem + 5vw, 6.5rem);
	--rc-section-space-large: clamp(5.5rem, 3.75rem + 7vw, 9rem);
	--rc-section-space-xl: clamp(7rem, 5rem + 8vw, 10rem);
	--rc-radius-medium: 0.5rem;
	--rc-radius-large: 1rem;
	--rc-shadow-subtle: 0 1px 2px rgb(15 23 42 / 0.06);
	--rc-shadow-medium: 0 2px 8px rgb(15 23 42 / 0.08);
	--rc-button-radius: var(--rc-radius-medium);
	--rc-button-padding-inline: var(--rc-space-l);
	--rc-button-padding-block: var(--rc-space-m);
	--rc-button-font-weight: 600;
	--rc-button-gap: var(--rc-space-s);
	--rc-card-radius: var(--rc-radius-medium);
	--rc-card-shadow: var(--rc-shadow-subtle);
	--rc-card-padding: var(--rc-space-xl);
	--rc-card-gap: var(--rc-space-l);
}