/*
 * Global design tokens shared across templates, patterns and dynamic blocks.
 *
 * Keep this file limited to theme-level custom properties. Component rules
 * should stay in style.css until they are moved into more specific files.
 */
:root {
  --pd-color-bg: var(--wp--preset--color--fondo, #07111d);
  --pd-color-text: var(--wp--preset--color--texto, #e7eef9);
  --pd-color-primary: var(--wp--preset--color--azul-principal, #2f5ad8);
  --pd-color-primary-hover: var(--wp--preset--color--azul-hover, #4b78ff);
  --pd-color-heading: var(--wp--preset--color--oscuro, #0b1320);
  --pd-color-white: var(--wp--preset--color--blanco, #f5f8ff);
  --pd-color-muted: var(--wp--preset--color--texto-suave, #93a4bc);
  --pd-color-border: var(--wp--preset--color--borde-suave, #32445e);
  --pd-color-success: var(--wp--preset--color--exito, #22c55e);
  --pd-color-error: var(--wp--preset--color--error, #f87171);
  --pd-color-text-on-light: var(--wp--preset--color--texto, #e7eef9);
  --pd-color-text-on-dark: var(--wp--preset--color--blanco, #f5f8ff);
  --pd-surface-panel-background: var(--wp--custom--surface--panel-background, var(--pd-color-surface));
  --pd-surface-panel-text: var(--wp--custom--surface--panel-text, var(--pd-color-text-on-light));
  --pd-surface-panel-border: var(--wp--custom--surface--panel-border, color-mix(in srgb, var(--pd-color-white) 12%, transparent));
  --pd-surface-card-background: var(--wp--custom--surface--card-background, var(--pd-surface-panel-background));
  --pd-surface-card-text: var(--wp--custom--surface--card-text, var(--pd-surface-panel-text));
  --pd-surface-card-border: var(--wp--custom--surface--card-border, color-mix(in srgb, var(--pd-color-white) 14%, transparent));
  --pd-surface-field-background: var(--wp--custom--surface--field-background, var(--pd-surface-card-background));
  --pd-surface-field-text: var(--wp--custom--surface--field-text, var(--pd-surface-card-text));
  --pd-surface-field-border: var(--wp--custom--surface--field-border, color-mix(in srgb, var(--pd-color-white) 18%, transparent));
  --pd-editorial-shell-background: var(--wp--custom--editorial-shell--background, transparent);
  --pd-editorial-shell-landing-background: var(--wp--custom--editorial-shell--landing-background, radial-gradient(circle at top left, color-mix(in srgb, var(--pd-color-primary) 12%, transparent), transparent 34%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--pd-color-header-link-hover) 12%, transparent), transparent 28%));
  --pd-editorial-accent-default: var(--wp--custom--editorial-shell--accent, var(--pd-color-primary));
  --pd-editorial-accent-music: var(--wp--custom--editorial-shell--accent-music, color-mix(in srgb, var(--pd-color-primary) 84%, var(--pd-color-header-link-hover)));
  --pd-editorial-accent-technology: var(--wp--custom--editorial-shell--accent-technology, color-mix(in srgb, var(--pd-color-primary) 58%, var(--pd-color-heading)));
  --pd-editorial-accent-legal: var(--wp--custom--editorial-shell--accent-legal, color-mix(in srgb, var(--pd-color-heading) 82%, var(--pd-color-primary)));
  --pd-editorial-hero-background: var(--wp--custom--editorial-shell--hero-background, linear-gradient(145deg, color-mix(in srgb, var(--pd-color-primary) 10%, var(--pd-surface-panel-background)), color-mix(in srgb, var(--pd-color-bg) 26%, var(--pd-surface-panel-background))));
  --pd-editorial-hero-border: var(--wp--custom--editorial-shell--hero-border, color-mix(in srgb, var(--pd-color-white) 12%, transparent));
  --pd-editorial-hero-text: var(--wp--custom--editorial-shell--hero-text, var(--pd-surface-panel-text));
  --pd-editorial-hero-title: var(--wp--custom--editorial-shell--hero-title, var(--pd-color-white));
  --pd-editorial-surface-background: var(--wp--custom--editorial-shell--surface-background, linear-gradient(180deg, color-mix(in srgb, var(--pd-color-bg) 18%, var(--pd-surface-panel-background)), color-mix(in srgb, var(--pd-surface-panel-background) 94%, var(--pd-color-bg))));
  --pd-editorial-surface-border: var(--wp--custom--editorial-shell--surface-border, color-mix(in srgb, var(--pd-color-white) 10%, transparent));
  --pd-editorial-surface-text: var(--wp--custom--editorial-shell--surface-text, var(--pd-surface-panel-text));
  --pd-editorial-surface-heading: var(--wp--custom--editorial-shell--surface-heading, var(--pd-color-white));
  --pd-auth-intro-text: var(--wp--custom--auth--intro-text, var(--pd-color-text-on-dark));
  --pd-auth-intro-background: var(--wp--custom--auth--intro-background, linear-gradient(140deg, var(--pd-color-heading), var(--pd-color-primary)));
  --pd-auth-intro-glow: var(--wp--custom--auth--intro-glow, color-mix(in srgb, var(--pd-color-header-link-hover) 24%, transparent));
  --pd-auth-card-background: var(--wp--custom--auth--card-background, var(--pd-surface-card-background));
  --pd-auth-card-text: var(--wp--custom--auth--card-text, var(--pd-surface-card-text));
  --pd-auth-card-border: var(--wp--custom--auth--card-border, var(--pd-surface-card-border));
  --pd-auth-field-background: var(--wp--custom--auth--field-background, var(--pd-surface-field-background));
  --pd-auth-field-text: var(--wp--custom--auth--field-text, var(--pd-surface-field-text));
  --pd-auth-field-border: var(--wp--custom--auth--field-border, var(--pd-surface-field-border));
  --pd-auth-link: var(--wp--custom--auth--link, var(--pd-color-primary));
  --pd-auth-link-hover: var(--wp--custom--auth--link-hover, var(--pd-color-primary-hover));
  --pd-music-gate-shell-background: var(--wp--custom--music-access-gate--shell-background, linear-gradient(180deg, color-mix(in srgb, var(--pd-color-white) 34%, transparent), transparent 68%));
  --pd-music-gate-shell-border: var(--wp--custom--music-access-gate--shell-border, color-mix(in srgb, var(--pd-color-white) 10%, transparent));
  --pd-music-gate-eyebrow: var(--wp--custom--music-access-gate--eyebrow, color-mix(in srgb, var(--pd-color-white) 78%, transparent));
  --pd-music-gate-title: var(--wp--custom--music-access-gate--title, var(--pd-color-white));
  --pd-music-gate-intro-text: var(--wp--custom--music-access-gate--intro-text, var(--pd-auth-intro-text));
  --pd-music-gate-intro-background: var(--wp--custom--music-access-gate--intro-background, var(--pd-auth-intro-background));
  --pd-music-gate-intro-glow: var(--wp--custom--music-access-gate--intro-glow, var(--pd-auth-intro-glow));
  --pd-music-gate-feature-background: var(--wp--custom--music-access-gate--feature-background, color-mix(in srgb, var(--pd-color-white) 10%, transparent));
  --pd-music-gate-feature-text: var(--wp--custom--music-access-gate--feature-text, var(--pd-color-text-on-dark));
  --pd-music-gate-card-background: var(--wp--custom--music-access-gate--card-background, var(--pd-surface-card-background));
  --pd-music-gate-card-text: var(--wp--custom--music-access-gate--card-text, var(--pd-surface-card-text));
  --pd-music-gate-card-border: var(--wp--custom--music-access-gate--card-border, var(--pd-surface-card-border));
  --pd-music-gate-field-background: var(--wp--custom--music-access-gate--field-background, var(--pd-surface-field-background));
  --pd-music-gate-field-text: var(--wp--custom--music-access-gate--field-text, var(--pd-surface-field-text));
  --pd-music-gate-field-border: var(--wp--custom--music-access-gate--field-border, var(--pd-surface-field-border));
  --pd-music-gate-link: var(--wp--custom--music-access-gate--link, var(--pd-auth-link));
  --pd-music-gate-link-hover: var(--wp--custom--music-access-gate--link-hover, var(--pd-auth-link-hover));
  --pd-music-gate-button-background: var(--wp--custom--music-access-gate--button-background, var(--pd-music-gate-link));
  --pd-music-gate-button-text: var(--wp--custom--music-access-gate--button-text, var(--pd-color-white));
  --pd-music-gate-button-border: var(--wp--custom--music-access-gate--button-border, transparent);
  --pd-music-gate-support-background: var(--wp--custom--music-access-gate--support-background, color-mix(in srgb, var(--pd-surface-card-text) 4%, var(--pd-surface-card-background)));
  --pd-membership-text: var(--wp--custom--membership--text, var(--pd-color-text-on-light));
  --pd-membership-muted: var(--wp--custom--membership--muted, var(--pd-color-muted));
  --pd-membership-link: var(--wp--custom--membership--link, var(--pd-color-primary));
  --pd-membership-link-hover: var(--wp--custom--membership--link-hover, var(--pd-color-primary-hover));
  --pd-membership-header-background: var(--wp--custom--membership--header-background, radial-gradient(circle at top right, color-mix(in srgb, var(--pd-color-header-link-hover) 10%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--pd-color-primary) 9%, var(--pd-color-surface)), color-mix(in srgb, var(--pd-color-bg) 28%, var(--pd-color-surface))));
  --pd-membership-header-text: var(--wp--custom--membership--header-text, var(--pd-color-text-on-light));
  --pd-membership-panel-background: var(--wp--custom--membership--panel-background, var(--pd-surface-panel-background));
  --pd-membership-panel-text: var(--wp--custom--membership--panel-text, var(--pd-surface-panel-text));
  --pd-membership-panel-border: var(--wp--custom--membership--panel-border, var(--pd-surface-panel-border));
  --pd-membership-field-background: var(--wp--custom--membership--field-background, var(--pd-surface-field-background));
  --pd-membership-field-text: var(--wp--custom--membership--field-text, var(--pd-surface-field-text));
  --pd-membership-field-border: var(--wp--custom--membership--field-border, var(--pd-surface-field-border));
  --pd-account-trigger-background: var(--wp--custom--header--account--trigger-background, var(--pd-nav-trigger-background));
  --pd-account-trigger-text: var(--wp--custom--header--account--trigger-text, var(--pd-nav-trigger-text));
  --pd-account-trigger-border: var(--wp--custom--header--account--trigger-border, var(--pd-nav-trigger-border));
  --pd-account-trigger-hover-background: var(--wp--custom--header--account--trigger-hover-background, var(--pd-nav-trigger-hover-background));
  --pd-account-trigger-hover-border: var(--wp--custom--header--account--trigger-hover-border, var(--pd-nav-trigger-hover-border));
  --pd-account-panel-background: var(--wp--custom--header--account--panel-background, var(--pd-nav-panel-background));
  --pd-account-panel-text: var(--wp--custom--header--account--panel-text, var(--pd-nav-panel-text));
  --pd-account-panel-border: var(--wp--custom--header--account--panel-border, var(--pd-nav-panel-border));
  --pd-account-panel-hover-background: var(--wp--custom--header--account--panel-hover-background, var(--pd-nav-item-hover-background));
  --pd-nav-trigger-background: var(--wp--custom--header--navigation--trigger-background, color-mix(in srgb, var(--pd-color-white) 12%, transparent));
  --pd-nav-trigger-text: var(--wp--custom--header--navigation--trigger-text, var(--pd-color-white));
  --pd-nav-trigger-border: var(--wp--custom--header--navigation--trigger-border, color-mix(in srgb, var(--pd-color-white) 26%, transparent));
  --pd-nav-trigger-hover-background: var(--wp--custom--header--navigation--trigger-hover-background, color-mix(in srgb, var(--pd-color-white) 18%, transparent));
  --pd-nav-trigger-hover-border: var(--wp--custom--header--navigation--trigger-hover-border, color-mix(in srgb, var(--pd-color-white) 40%, transparent));
  --pd-nav-panel-background: var(--wp--custom--header--navigation--panel-background, color-mix(in srgb, var(--wp--preset--color--oscuro) 88%, rgba(255, 255, 255, 0.08)));
  --pd-nav-panel-text: var(--wp--custom--header--navigation--panel-text, var(--pd-color-white));
  --pd-nav-panel-border: var(--wp--custom--header--navigation--panel-border, color-mix(in srgb, var(--pd-color-white) 22%, transparent));
  --pd-nav-item-background: var(--wp--custom--header--navigation--item-background, color-mix(in srgb, var(--pd-color-white) 5%, transparent));
  --pd-nav-item-border: var(--wp--custom--header--navigation--item-border, color-mix(in srgb, var(--pd-color-white) 14%, transparent));
  --pd-nav-item-hover-background: var(--wp--custom--header--navigation--item-hover-background, color-mix(in srgb, var(--pd-color-white) 10%, transparent));
  --pd-nav-item-hover-border: var(--wp--custom--header--navigation--item-hover-border, color-mix(in srgb, var(--pd-color-header-link-hover) 30%, transparent));
  --pd-nav-item-hover-text: var(--wp--custom--header--navigation--item-hover-text, var(--pd-color-header-link-hover));
  --pd-subnav-text: var(--wp--custom--header--subnavigation--text, var(--pd-color-white));
  --pd-subnav-item-background: var(--wp--custom--header--subnavigation--item-background, color-mix(in srgb, var(--pd-color-white) 4%, transparent));
  --pd-subnav-item-border: var(--wp--custom--header--subnavigation--item-border, color-mix(in srgb, var(--pd-color-white) 16%, transparent));
  --pd-subnav-item-hover-background: var(--wp--custom--header--subnavigation--item-hover-background, color-mix(in srgb, var(--pd-color-white) 8%, transparent));
  --pd-subnav-item-hover-border: var(--wp--custom--header--subnavigation--item-hover-border, color-mix(in srgb, var(--pd-color-header-link-hover) 20%, transparent));
  --pd-subnav-item-current-background: var(--wp--custom--header--subnavigation--item-current-background, color-mix(in srgb, var(--pd-color-header-link-hover) 16%, transparent));
  --pd-subnav-item-current-border: var(--wp--custom--header--subnavigation--item-current-border, color-mix(in srgb, var(--pd-color-header-link-hover) 44%, transparent));
  --pd-subnav-item-current-text: var(--wp--custom--header--subnavigation--item-current-text, var(--pd-color-white));
  --pd-color-header-overlay: color-mix(in srgb, var(--pd-color-heading) 72%, transparent);
  --pd-color-surface: var(--wp--custom--surface--panel-background, #0f1826);
  --pd-color-surface-alt: var(--wp--custom--surface--card-background, #141f31);
  --pd-color-header-link-hover: var(--wp--preset--color--resalte-header, #82e1ff);
  --pd-space-content-inline: var(--wp--custom--layout--content-padding, clamp(0.95rem, 4vw, 2.5rem));
  --pd-space-section: var(--wp--custom--layout--section-padding, clamp(2rem, 5vw, 3rem));
  --pd-radius-md: var(--wp--custom--radius--button, 10px);
  --pd-radius-lg: var(--wp--custom--radius--card, 24px);
  --pd-radius-xl: var(--wp--custom--radius--hero, 28px);
  --pd-radius-pill: var(--wp--custom--radius--pill, 999px);
  --pd-shadow-header: var(--wp--custom--shadow--header, 0 18px 40px rgba(15, 23, 42, 0.16));
  --pd-shadow-card: var(--wp--custom--shadow--card, 0 18px 45px rgba(30, 58, 138, 0.12));
  --pd-shadow-hero: var(--wp--custom--shadow--hero, 0 18px 45px rgba(15, 23, 42, 0.18));
  --pd-button-min-width: clamp(12rem, 42vw, 14rem);
}