/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 * TANDT — Fondations globales du Design System.
 *
 * Les alias reliés aux huit slots de palette ne recopient pas les valeurs
 * hexadécimales. Les quatre couleurs sans emplacement natif Blocksy sont
 * définies ici une seule fois et exposées à Gutenberg par functions.php.
 */
:root {
	--theme-font-stack-default: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--tandt-color-primary: var(--theme-palette-color-4);
	--tandt-color-secondary: #42656f;
	--tandt-color-accent: var(--theme-palette-color-1);
	--tandt-color-accent-hover: var(--theme-palette-color-2);
	--tandt-bg-main: var(--theme-palette-color-7);
	--tandt-bg-secondary: var(--theme-palette-color-6);
	--tandt-surface-light: #f3f1ed;
	--tandt-surface-dark: var(--theme-palette-color-4);
	--tandt-text-main: var(--theme-palette-color-3);
	--tandt-text-secondary: #4e5d67;
	--tandt-link: var(--theme-link-initial-color);
	--tandt-border: var(--theme-border-color);
	--tandt-focus: #0067b1;
	--tandt-white: var(--theme-palette-color-8);
	--tandt-font-identity: "Montserrat", sans-serif;
	--tandt-font-functional: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

	/* Blocksy exprime nativement la gouttière en vw, pas en pixels fixes. */
	--theme-container-edge-spacing: calc(100vw - 96px);
}

@media (max-width: 999.98px) {
	:root {
		--theme-container-edge-spacing: calc(100vw - 64px);
	}
}

@media (max-width: 689.98px) {
	:root {
		--theme-container-edge-spacing: calc(100vw - 40px);
	}
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--tandt-focus);
	outline-offset: 3px;
}

:where(button, input[type="button"], input[type="submit"], .wp-element-button):disabled,
:where(.wp-element-button, .wp-block-button__link)[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.55;
	pointer-events: none;
}