/* PP Design System v3.1: tokens canónicos; Mobile First, sin breakpoint propio. */
/* @font-face/base permanecen aquí hasta Fase 3 para no sumar otro request. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-Regular.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-Medium.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-Bold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-ExtraBold.woff2") format("woff2")}
html[data-pp-theme]{
--pp-primary:#2563EB;--pp-primary-hover:#1D4ED8;
--pp-success:#16A34A;--pp-warning:#F59E0B;--pp-error:#DC2626;--pp-white:#FFFFFF;
/* Panel canónico; sus componentes se migran en Fase 5. */
--pp-panel-bg:#0F172A;--pp-panel-sidebar:#111827;
--pp-panel-surface:#1E293B;--pp-panel-surface-2:#1E293B;--pp-panel-border:#334155;
--pp-panel-text:#F8FAFC;--pp-panel-text-muted:#CBD5E1;
--pp-panel-primary:var(--pp-primary);--pp-panel-primary-hover:var(--pp-primary-hover);
--pp-font-ui:"Inter",system-ui,"Segoe UI",Arial,sans-serif;
--pp-font-family:var(--pp-font-ui);--pp-font-family-sans:var(--pp-font-ui);
--pp-font-weight-body:400;--pp-font-weight-medium:500;--pp-font-weight-action:600;
--pp-font-weight-heading:700;--pp-font-weight-display:800;--pp-line-height-body:1.5;
--pp-radius-input:10px;--pp-radius-button:12px;--pp-radius-dropdown:12px;
--pp-radius-card:16px;--pp-radius-dialog:16px;--pp-radius-sm:8px;
--pp-radius-md:12px;--pp-radius-lg:16px;--pp-radius-xl:16px;--pp-radius-pill:999px;
--pp-shadow-sm:0 1px 2px rgba(15,23,42,.08);--pp-shadow-md:0 4px 12px rgba(15,23,42,.10);
--pp-shadow-lg:0 8px 24px rgba(15,23,42,.12);--pp-shadow-banner:var(--pp-shadow-md);
--pp-focus-ring:3px solid #2563EB !important;--pp-focus-offset:3px;
--pp-duration-fast:150ms;--pp-duration-normal:200ms;--pp-easing-default:ease;
/* COMPAT-F2-TOKENS: puente reversible contra alias important de v1 mientras v1/v2 sigan cargados; sin él reaparece verde/navy. Retiro Fase 7 (antes de 2027-01-31). Rollback: apagar flags v3. */
--pp-color-brand:var(--pp-primary) !important;
--pp-color-brand-strong:var(--pp-primary-hover) !important;
--pp-color-brand-hover:var(--pp-primary-hover) !important;
--pp-color-brand-soft:rgba(37,99,235,.12) !important;
--pp-color-action-primary:var(--pp-primary) !important;
--pp-color-action-primary-hover:var(--pp-primary-hover) !important;
--pp-color-price:var(--pp-primary) !important;
--pp-color-on-brand:var(--pp-white);--pp-color-brand-foreground:var(--pp-primary);
--pp-color-success:var(--pp-success);--pp-color-warning:var(--pp-warning);
--pp-color-error:var(--pp-error);--pp-color-info:var(--pp-primary);
}
html[data-pp-theme="light"]{
color-scheme:light;
--pp-bg:#F8FAFC;--pp-sidebar:#FFFFFF;--pp-card:#FFFFFF;--pp-border:#E2E8F0;
--pp-text:#111827;--pp-text-muted:#475569;
--pp-color-bg:var(--pp-bg);--pp-color-background:var(--pp-bg);
--pp-color-surface:var(--pp-card);--pp-color-surface-raised:var(--pp-white);
--pp-color-page-header:var(--pp-white);
--pp-color-text:var(--pp-text);--pp-color-text-muted:var(--pp-text-muted);
--pp-color-text-inverse:var(--pp-white);
--pp-color-border:var(--pp-border);--pp-color-border-subtle:var(--pp-border);
--pp-color-border-hover:var(--pp-text-muted);
}
html[data-pp-theme="dark"]{
color-scheme:dark;
--pp-bg:#0F172A;--pp-sidebar:#111827;--pp-card:#1E293B;--pp-border:#334155;
--pp-text:#F8FAFC;--pp-text-muted:#CBD5E1;
--pp-color-bg:var(--pp-bg);--pp-color-background:var(--pp-bg);
--pp-color-surface:var(--pp-card);--pp-color-surface-raised:var(--pp-card);
--pp-color-page-header:var(--pp-sidebar);
--pp-color-text:var(--pp-text);--pp-color-text-muted:var(--pp-text-muted);
--pp-color-text-inverse:var(--pp-white);
--pp-color-border:var(--pp-border);--pp-color-border-subtle:var(--pp-border);
--pp-color-border-hover:var(--pp-text-muted);
--pp-shadow-sm:0 1px 2px rgba(15,23,42,.20);--pp-shadow-md:0 4px 12px rgba(15,23,42,.24);
--pp-shadow-lg:0 8px 24px rgba(15,23,42,.28);
}
/* Body v2 global: compatibilidad reversible mientras siga cargado. */
html[data-pp-theme] body{background-color:var(--pp-bg) !important;color:var(--pp-text) !important;font-family:var(--pp-font-ui);}
html[data-pp-theme] :where(button,input,select,textarea){font-family:var(--pp-font-ui);}
html[data-pp-theme] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--pp-focus-ring);outline-offset:var(--pp-focus-offset);}
@media (prefers-reduced-motion:reduce){
html[data-pp-theme] *,html[data-pp-theme] *::before,html[data-pp-theme] *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important;}
}