/*
 * Mayoralia design tokens — institutional blue on white.
 * Single source of truth for the theme's colour, type, space, radius and
 * shadow scales. Components (components.css) and layout (style.css) read these
 * `--mv-*` variables; a rebrand is a matter of editing this file only.
 *
 * Ground rule: the page background is pure white (#ffffff). Surfaces are
 * separated with hairline borders, soft shadows and subtle blue-tint bands —
 * never with a grey page.
 *
 * @package Mayoralia
 */

:root {
    /* -- Brand blues ----------------------------------------------------- */
    --mv-navy: #0a3d77;
    --mv-blue: #0b5fb0;
    --mv-blue-bright: #1877d2;
    --mv-sky: #e8f1fb;
    --mv-sky-2: #d4e6f9;

    /* -- Warm CTA (conversion buttons ONLY) ------------------------------ */
    --mv-cta: #e07a2c;
    --mv-cta-ink: #3a1e07;
    --mv-cta-hover: #cf6c22;

    /* -- Ink & neutrals (cool / blue-biased) ----------------------------- */
    --mv-ink: #16232f;
    --mv-muted: #586b7c;
    --mv-line: #dbe3ec;

    /* -- Ground: white page + white cards -------------------------------- */
    --mv-bg: #ffffff;
    --mv-card: #ffffff;

    /* -- Status ---------------------------------------------------------- */
    --mv-ok: #1e9e5a;
    --mv-ok-bg: #e5f5ec;
    --mv-warn: #b5791a;
    --mv-warn-bg: #f7edd6;
    --mv-danger: #c23a2b;
    --mv-danger-bg: #fbe8e5;

    /* -- Gold accent for the premium "Destacado" highlight (not CTA) ----- */
    --mv-gold: #c08a2e;
    --mv-gold-bg: #f6ecd6;
    --mv-gold-ink: #33260c;

    /* -- Typography ------------------------------------------------------ */
    --mv-font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
    --mv-h1: clamp(1.9rem, 4vw, 2.6rem);
    --mv-h2: 1.5rem;
    --mv-h3: 1.15rem;
    --mv-body: 1.0625rem;   /* ~17px, accessible for 50+ */
    --mv-small: .85rem;

    /* -- Space scale (base-4) -------------------------------------------- */
    --mv-1: 4px;
    --mv-2: 8px;
    --mv-3: 12px;
    --mv-4: 16px;
    --mv-5: 24px;
    --mv-6: 32px;
    --mv-7: 48px;

    /* -- Radii ----------------------------------------------------------- */
    --mv-r-sm: 6px;
    --mv-r-md: 10px;
    --mv-r-lg: 16px;
    --mv-r-pill: 999px;

    /* -- Shadows --------------------------------------------------------- */
    --mv-shadow: 0 12px 30px -14px rgba(11, 54, 95, .28), 0 2px 6px rgba(11, 54, 95, .06);
    --mv-shadow-sm: 0 1px 3px rgba(11, 54, 95, .12);

    /* -- Composed surfaces (derived from the tokens above) --------------- */
    --mv-hero: linear-gradient(155deg, var(--mv-navy) 0%, var(--mv-blue) 78%);
    --mv-band: linear-gradient(180deg, var(--mv-sky) 0%, #ffffff 100%);
    --mv-photo: linear-gradient(135deg, var(--mv-blue) 0%, var(--mv-sky-2) 100%);

    /* -- Layout ---------------------------------------------------------- */
    --mv-maxw: 76rem;
}