/**
 * FindAShoreHome design tokens — the SINGLE source for the plugin re-skin (matches
 * the Ziti IDX plugin / mls-property-sync, same for-sale domain). Every plugin
 * surface (cards, archive, single, search, map, locations, contact) loads this and
 * styles ONLY through these vars — no hardcoded hexes in the surface stylesheets.
 *
 * Values adopted from Ziti's frontend.css :root. The dark gray ramp is one base
 * (#111827) at opacities, so the whole neutral scale tunes from a single colour.
 */

:root {
    /* Brand */
    --fas-primary: #2563eb;
    --fas-primary-hover: #1d4ed8;
    --fas-primary-tint: rgba(59, 130, 246, 0.12);
    --fas-primary-ring: rgba(59, 130, 246, 0.65);

    /* Text / neutral ramp — off #111827 */
    --fas-text: #111827;                       /* darkest — price, titles */
    --fas-text-strong: rgba(17, 24, 39, 0.90); /* body */
    --fas-text-muted: rgba(17, 24, 39, 0.70);  /* secondary */
    --fas-text-faint: rgba(17, 24, 39, 0.50);  /* tertiary / MLS */
    --fas-border: rgba(17, 24, 39, 0.16);      /* inputs, dividers */
    --fas-border-subtle: rgba(17, 24, 39, 0.08);
    --fas-bg-subtle: rgba(17, 24, 39, 0.06);   /* pills, image placeholder */

    /* Status */
    --fas-status-active: #10b981;   /* green */
    --fas-status-pending: #f59e0b;  /* amber — from Ziti's palette (see note below) */
    --fas-status-sold: #ef4444;     /* red */

    /* Map pin: the active (list→map hover) highlight. Distinct token, NOT
       --fas-status-sold (same hex today, different semantics — keep them separate). */
    --fas-pin-active: #ef4444;

    /* Surface (also the "white" used for text on a coloured badge) */
    --fas-surface: #fff;

    /* Full-screen lightbox scrim (the #111827 base, near-opaque) */
    --fas-overlay: rgba(17, 24, 39, 0.92);

    /* Radius */
    --fas-radius-sm: 8px;
    --fas-radius-md: 12px;
    --fas-radius-lg: 18px;   /* cards / panels */
    --fas-radius-full: 999px;/* pills / badges */

    /* Shadow */
    --fas-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.05);
    --fas-shadow-md: 0 10px 30px rgba(17, 24, 39, 0.06);
    --fas-shadow-card: 0 12px 32px rgba(17, 24, 39, 0.08);
    --fas-shadow-card-hover: 0 20px 40px rgba(17, 24, 39, 0.12);

    /* Spacing scale (4-based) */
    --fas-space-1: 4px;
    --fas-space-2: 8px;
    --fas-space-3: 12px;
    --fas-space-4: 16px;
    --fas-space-5: 20px;
    --fas-space-6: 24px;
    --fas-space-8: 32px;

    /* Type */
    --fas-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}