/**
 * Inadapress 2026 — tokens (design system)
 * Valores por defecto en :root. Las opciones del tema las sobrescriben en wp_head (prioridad alta).
 */

:root {
	/* Colores principales */
	--color-primary: #ad0000;
	--color-primary-dark: #7c0101;
	--color-primary-light: #d40000;
	--color-secondary: #1a1a1a;
	--color-secondary-dark: #1a1a1a;
	--color-secondary-light: #1a1a1a;

	--color-background: #ffffff;

	--color-alert: #f59e0b;
	--color-success: #10b981;
	--color-error: #ef4444;

	--color-dark: #000000;
	--color-light: #ffffff;
	--color-dark-grey: #666666;
	--color-light-grey: #e5e5e5;

	--color-text: #1a1a1a;
	--color-text-light: rgba(255, 255, 255, 0.95);
	--color-shadow: rgba(0, 0, 0, 0.06);
	--color-shadow-dark: rgba(0, 0, 0, 0.1);
	--color-shadow-accent: rgba(173, 0, 0, 0.1);
	--color-overlay: rgba(0, 0, 0, 0.05);
	--color-overlay-dark: rgba(0, 0, 0, 0.3);
	--color-overlay-darker: rgba(0, 0, 0, 0.6);
	--color-overlay-menu: rgba(0, 0, 0, 0.98);

	/* Tipografía: el panel sobrescribe --inadapress-font-* y --font-* en wp_head */
	--font-body: "Montserrat", sans-serif;
	--font-headline: "Unbounded", sans-serif;
	--inadapress-font-stack-body: "Montserrat", sans-serif;
	--inadapress-font-stack-heading: "Unbounded", sans-serif;
	--font-monospace: "Courier New", monospace;

	/* Tamaños de fuente */
	--font-size-base: 16px;
	--font-size-small: 0.875rem;
	--font-size-medium: 1rem;
	--font-size-large: 1.25rem;
	--font-size-xlarge: 1.5rem;
	--font-size-xxlarge: 2rem;

	/* Espaciado */
	--gap-small: 0.5rem;
	--gap-medium: 1rem;
	--gap-large: 2rem;
	--gap-xlarge: 3rem;
	--gap-xxlarge: 4rem;

	/* Padding */
	--padding-small: 0.5rem;
	--padding-medium: 1rem;
	--padding-large: 2rem;
	--padding-xlarge: 3rem;
	--padding-section: 4rem 0;

	/* Anchos y espacios */
	--border-radius: 10px;
	--border-radius-small: 8px;
	--border-radius-large: 16px;

	--main-wrapper-xlarge: 1400px;
	--main-wrapper-large: 1200px;
	--main-wrapper-medium: 1024px;
	--main-wrapper-small: 768px;

	/* Animaciones */
	--transition: all 0.3s ease-in-out;
	--transition-fast: all 0.2s ease;
	--transition-slow: all 1s ease-in-out;

	/* Z Index */
	--loader-layer: 99999;
	--modal-layer: 9999;
	--toast-notification-layer: 9998;
	--menu-layer: 999;
	--deco-layer: 99;
	--text-layer: 9;
	--base-layer: 1;
	--bg-layer: -1;
}