/*
Theme Name: ListingPro Child - Ubicame
Theme URI: https://ubicame.local
Description: Child theme de ListingPro con sistema de diseño moderno para Ubicame (directorio de negocios de Venezuela).
Author: Antigravity
Version: 1.0.0
Template: listingpro
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: listingpro-child
*/

:root {
  --ub-primary: #2563eb;
  --ub-primary-strong: #1d4ed8;
  --ub-primary-soft: #eaf1ff;
  --ub-primary-ghost: #f4f7ff;

  --ub-accent: #f97316;
  --ub-accent-strong: #ea580c;
  --ub-accent-soft: #fff3ea;

  --ub-ink: #0f172a;
  --ub-ink-soft: #334155;
  --ub-muted: #64748b;
  --ub-faint: #94a3b8;
  --ub-line: #e2e8f0;
  --ub-line-soft: #eef2f7;
  --ub-surface: #ffffff;
  --ub-bg: #f6f8fb;

  --ub-success: #16a34a;
  --ub-success-soft: #ecfdf3;
  --ub-danger: #e11d48;
  --ub-star: #f59e0b;

  --ub-radius-sm: 10px;
  --ub-radius-md: 14px;
  --ub-radius-lg: 18px;
  --ub-radius-xl: 24px;
  --ub-radius-pill: 999px;

  --ub-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --ub-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 14px rgba(15, 23, 42, 0.06);
  --ub-shadow-md: 0 6px 16px rgba(15, 23, 42, 0.08), 0 16px 40px rgba(15, 23, 42, 0.1);
  --ub-shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12), 0 28px 70px rgba(15, 23, 42, 0.16);

  --ub-font-display: "Plus Jakarta Sans", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ub-font-body: "Inter", "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ub-text-hero: clamp(2.15rem, 5.2vw, 3.4rem);
  --ub-text-h2: clamp(1.5rem, 2.6vw, 2rem);
  --ub-text-card-title: 1.06rem;
  --ub-text-sm: 0.8125rem;
  --ub-text-xs: 0.75rem;

  --ub-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ub-dur: 200ms;
}

body {
  font-family: var(--ub-font-body);
  color: var(--ub-ink);
  background-color: var(--ub-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.lp-h1, .lp-h2, .lp-h3, .lp-h4, .lp-h5,
.lp-menu a {
  font-family: var(--ub-font-display);
}

a {
  transition: color var(--ub-dur) var(--ub-ease);
}

:focus-visible {
  outline: 2px solid var(--ub-primary);
  outline-offset: 2px;
  border-radius: 4px;
}