/* 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 warm boutique real-estate look.
 * The plugin also injects --vlvi-primary / --vlvi-secondary / --vlvi-accent
 * from Ajustes > Color (see Valoratik_Viviendas_Public::enqueue_styles()).
 */

:root {
  /* Color */
  --vlvi-primary: #082220;        /* dark: headings, bands, footer accents */
  --vlvi-primary-ink: #f9f5ef;    /* text on --vlvi-primary */
  --vlvi-secondary: #082220;      /* legacy alias kept for older rules */
  --vlvi-accent: #80965d;         /* buttons, links, location text */
  --vlvi-accent-ink: #ffffff;
  --vlvi-gold: #caad6e;           /* thin rules, ref labels, small details */
  --vlvi-ink: #082220;            /* body text */
  --vlvi-muted: #5c6b60;          /* secondary text */
  --vlvi-line: #d9d7cd;           /* borders on the cream base */
  --vlvi-surface: #ecefe7;        /* alt panels */
  --vlvi-base: #f9f5ef;           /* page/base cream */
  --vlvi-white: #ffffff;

  /* Typography */
  --vlvi-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --vlvi-heading-font: "Unna", "Playfair Display", Georgia, "Times New Roman", 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(8, 34, 32, 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;
}