/* ===========================================================================
   Letterbox Lettings - "Punchy" skin.
   Lettings-led coastal agency. Bold accent colour, confident type,
   energetic but professional. Tokens only - no component rules.
   =========================================================================== */

:root {
    /* Colour: deep teal + coral */
    --fd-primary: #0e5e63;          /* deep teal */
    --fd-primary-ink: #ffffff;
    --fd-accent: #ff6b4a;           /* coral */
    --fd-accent-soft: #ffb39f;
    --fd-surface: #ffffff;
    --fd-surface-alt: #eef6f5;      /* sea-glass tint */
    --fd-text: #1d2a2b;
    --fd-text-muted: #5f7274;
    --fd-line: #d9eae8;
    --fd-success: #168a52;

    /* Type: confident rounded sans */
    --fd-font-display: "Outfit", "Segoe UI", sans-serif;
    --fd-font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
    --fd-scale: 1.2;
    --fd-heading-weight: 800;
    --fd-heading-spacing: -0.01em;

    /* Shape: generous and friendly */
    --fd-radius: 10px;
    --fd-radius-lg: 18px;
    --fd-border-w: 2px;

    /* Buttons: pill-shaped, energetic */
    --fd-btn-radius: 999px;
    --fd-btn-weight: 700;
    --fd-btn-transform: none;
    --fd-btn-spacing: 0.01em;

    /* Placeholder media: sea teal */
    --fd-media-a: #0e5e63;
    --fd-media-b: #2b8a8f;

    /* Brand-heavy chrome (ManxMove energy): coral wordmark block + coral footer */
    --fd-brand-bg: #ff6b4a;
    --fd-brand-ink: #ffffff;
    --fd-brand-pad: 0.3rem 0.8rem;
    --fd-footer-bg: #ff6b4a;
    --fd-footer-est: rgba(255, 255, 255, 0.85);
    --fd-panel-bg: #0a3f43;          /* darker teal so the CTA panel reads against the band */
}