/* Valoratik Viviendas — design tokens (frontend).
 *
 * Every value the frontend CSS uses comes from one of these custom
 * properties, so a theme can restyle the whole plugin by overriding them
 * (e.g. `body.mi-skin { --vlvi-primary: #123; }`) without touching a
 * single rule. Defaults below = a clean blue-and-white look.
 * The plugin also injects --vlvi-primary / --vlvi-secondary / --vlvi-accent
 * and --vlvi-font / --vlvi-heading-font from Ajustes > Color y tipografía
 * (see Valoratik_Viviendas_Public::enqueue_styles()).
 */

:root {
  /* Color */
  --vlvi-primary: #14213d;        /* dark navy: headings, bands, footer accents */
  --vlvi-primary-ink: #f8fafc;    /* text on --vlvi-primary */
  --vlvi-secondary: #14213d;      /* legacy alias kept for older rules */
  --vlvi-accent: #2563eb;         /* buttons, links, location text */
  --vlvi-accent-ink: #ffffff;
  --vlvi-gold: #2563eb;           /* thin rules, ref labels, small details */
  --vlvi-ink: #1f2937;            /* body text */
  --vlvi-muted: #64748b;          /* secondary text */
  --vlvi-line: #e2e8f0;           /* borders */
  --vlvi-surface: #f1f5f9;        /* alt panels */
  --vlvi-base: #f8fafc;           /* page/base */
  --vlvi-white: #ffffff;

  /* Typography — one configurable family for body and headings */
  --vlvi-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --vlvi-heading-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --vlvi-fs-sm: 0.8125rem;
  --vlvi-fs-lg: 1.1875rem;
  --vlvi-fs-xl: clamp(1.5rem, 1.15rem + 1.6vw, 2.4rem);
  --vlvi-tracking-eyebrow: 0.18em;

  /* Shape / depth */
  --vlvi-radius: 3px;
  --vlvi-btn-radius: 3px;
  --vlvi-shadow: 0 10px 40px rgba(15, 23, 42, 0.10);

  /* Spacing scale */
  --vlvi-sp-1: 0.5rem;
  --vlvi-sp-2: 1rem;
  --vlvi-sp-3: 1.5rem;
  --vlvi-sp-4: 2.5rem;
  --vlvi-sp-5: 4.5rem;
  --vlvi-sp-6: 7rem;

  /* Layout */
  --vlvi-wrap: 1240px;
}