/* ===========================================================================
   Mews Property - "Modern" skin.
   Design-led city agency. Clean geometric sans, monochrome with a single
   cobalt accent, large photography. Tokens only - no component rules.
   =========================================================================== */

:root {
    /* Colour: monochrome + one accent */
    --fd-primary: #17181c;          /* near-black */
    --fd-primary-ink: #ffffff;
    --fd-accent: #2b4eff;           /* cobalt - the single accent */
    --fd-accent-soft: #8fa3ff;
    --fd-surface: #ffffff;
    --fd-surface-alt: #f4f5f7;      /* cool grey */
    --fd-text: #16181d;
    --fd-text-muted: #6b7280;
    --fd-line: #e5e7eb;

    /* Type: geometric sans display, tight headings */
    --fd-font-display: "Space Grotesk", "Segoe UI", sans-serif;
    --fd-font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
    --fd-scale: 1.18;
    --fd-heading-weight: 700;
    --fd-heading-spacing: -0.02em;

    /* Shape: sharp, architectural */
    --fd-radius: 2px;
    --fd-radius-lg: 6px;
    --fd-border-w: 1px;

    /* Buttons: solid, squared, quietly loud */
    --fd-btn-radius: 2px;
    --fd-btn-weight: 700;
    --fd-btn-transform: none;
    --fd-btn-spacing: 0.02em;

    /* Placeholder media: dark slate */
    --fd-media-a: #1d2026;
    --fd-media-b: #3a3f4a;
}