/* ==========================================================
   PARACARE — TOKENS GLOBALES
   Regla de color: naranjo = marca/acción/acento; sombras = neutras.
   ========================================================== */

.pc-site {
  --pc-accent:#f28c18;
  --pc-accent-hover:#d07915;
  --pc-accent-soft:color-mix(in srgb,var(--pc-accent) 10%,var(--pc-surface));
  --pc-accent-light:color-mix(in srgb,var(--pc-accent) 55%,var(--pc-surface));

  --pc-dark:#09283d;
  --pc-dark-soft:color-mix(in srgb,var(--pc-dark) 78%,var(--pc-surface));
  --pc-text:#334a5d;
  --pc-heading-soft:color-mix(in srgb,var(--pc-text) 74%,var(--pc-muted));
  --pc-muted:#6f7f89;

  --pc-bg:#f7fafc;
  --pc-surface:#fff;
  --pc-surface-soft:color-mix(in srgb,var(--pc-bg) 88%,var(--pc-surface));
  --pc-border:#e3eaee;

  --pc-secondary:#687781;
  --pc-secondary-hover:#58656e;
  --pc-white:#fff;

  --pc-radius-sm:10px;
  --pc-radius-md:14px;
  --pc-radius-lg:20px;

  --pc-mobile-row:92px;
  --pc-app-nav-height:74px;

  /* Sombras deliberadamente neutras: nunca derivan del acento. */
  --pc-shadow-xs:0 4px 14px color-mix(in srgb,var(--pc-dark) 4%,transparent);
  --pc-shadow-sm:0 10px 30px color-mix(in srgb,var(--pc-dark) 8%,transparent);
  --pc-shadow-md:0 24px 70px color-mix(in srgb,var(--pc-dark) 12%,transparent);
  --pc-shadow-button:0 7px 20px color-mix(in srgb,var(--pc-dark) 10%,transparent);
  --pc-shadow-control:0 10px 28px color-mix(in srgb,var(--pc-dark) 18%,transparent);

  --pc-container:min(1180px,calc(100% - 32px));
  --pc-transition:220ms ease;
}