/*
 * SLED Adopciones shared tokens: the only place that defines the --sled-adop-* custom properties.
 *
 * Every colour and size comes from the active theme's theme.json (--wp--preset--* and --wp--custom--*), with
 * fallbacks so the blocks look right in any theme. This file is the only place with literal values; display.css,
 * form.css and editor.css depend on its style handle (sled-adop-tokens) and use the aliases only. A theme can
 * still override any --sled-adop-* property (they are the forms' public styling API).
 */
.sled-adop-block,
.sled-adop-form,
.sled-adop-editor-form {
	--sled-adop-primary: var(--wp--preset--color--primary, #0f6b5c);
	--sled-adop-primary-soft: var(--wp--preset--color--primary-soft, #ddf0ea);
	--sled-adop-base: var(--wp--preset--color--base, #fffdf9);
	--sled-adop-surface: var(--wp--preset--color--surface, #f6efe6);
	--sled-adop-contrast: var(--wp--preset--color--contrast, #1f1b24);
	--sled-adop-muted: var(--wp--preset--color--muted, #5b5560);
	--sled-adop-radius: var(--wp--custom--radius--control, 10px);
	--sled-adop-radius-card: var(--wp--custom--radius--card, 16px);
	--sled-adop-radius-pill: var(--wp--custom--radius--pill, 999px);
	--sled-adop-radius-inner: calc(var(--sled-adop-radius) - 4px);
	--sled-adop-tap: var(--wp--custom--tap, 48px);
	--sled-adop-tap-large: calc(var(--sled-adop-tap) + 0.5rem);
	--sled-adop-hairline: var(--wp--custom--border--hairline, 1px);
	--sled-adop-border-width: var(--wp--custom--border--control, 2px);
	--sled-adop-focus-width: var(--wp--custom--focus--width, 3px);
	--sled-adop-focus-offset: var(--wp--custom--focus--offset, 2px);

	/* Forms. */
	--sled-adop-accent: var(--wp--preset--color--primary, #1d5fa8);
	--sled-adop-accent-text: var(--wp--preset--color--base, #fff);
	--sled-adop-text: currentColor;
	--sled-adop-bg: var(--wp--preset--color--base, #fff);
	--sled-adop-field-bg: var(--wp--preset--color--base, #fff);
	--sled-adop-border: var(--wp--preset--color--muted, #6b6b6b);
	--sled-adop-soft: var(--wp--preset--color--primary-soft, color-mix(in srgb, var(--sled-adop-accent) 8%, transparent));
	--sled-adop-error: var(--wp--preset--color--danger, #b00020);
	--sled-adop-error-bg: #fdecee;
	--sled-adop-error-ink: #3a0009;
	--sled-adop-ok: #1b6e3a;
	--sled-adop-ok-bg: #e9f6ee;
	--sled-adop-ok-ink: #0b2e17;
	--sled-adop-on-color: #fff;
	--sled-adop-focus: var(--sled-adop-focus-width) solid var(--sled-adop-accent);
	--sled-adop-gap: 1.25rem;
	--sled-adop-font-size: var(--wp--preset--font-size--medium, 18px);

	/* Filter menus. */
	--sled-adop-menu-line: color-mix(in srgb, var(--sled-adop-contrast) 10%, transparent);
	--sled-adop-menu-shadow: 0 10px 30px color-mix(in srgb, var(--sled-adop-contrast) 16%, transparent);
	--sled-adop-sheet-shadow: 0 -12px 40px color-mix(in srgb, var(--sled-adop-contrast) 24%, transparent);
	--sled-adop-sheet-handle: color-mix(in srgb, var(--sled-adop-contrast) 20%, transparent);

	/* Editor previews. */
	--sled-adop-editor-line: var(--wp--preset--color--muted, #6b6b6b);
}