/*
Theme Name: Freedom Digital — PawTrail
Theme URI: https://freedom-digital.co.uk/themes/paw-trail
Author: Freedom Digital
Author URI: https://freedom-digital.co.uk/
Description: Editorial, photo-led WordPress theme for UK dog walkers and pet sitters. Coral + sage palette, Inter typography, decorative waves and blobs. Built on the Freedom Digital section architecture.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: freedom-digital-paw-trail
Tags: dog-walker, pet-sitter, service-business, acf, flexible-content
*/

:root {
    /* Palette — coral + sage on warm cream. */
    --color-white:       #ffffff;
    --color-off-white:   #fbf7f2;   /* warm cream */
    --color-light:       #f3ebe8;   /* blush */
    --color-primary:     #eb8b5a;   /* coral */
    --color-secondary:   #8ca68c;   /* sage */
    --color-accent:      #f3c4a3;   /* peach */
    --color-dark:        #24252f;   /* charcoal */
    --color-text-muted:  #5f6471;   /* blue-grey */
    --color-black:       #1a1a1a;
    --color-border:      #ece6de;

    --color-success:     #2e7d32;
    --color-success-bg:  #e8f5e8;

    /* Typography — Inter, one family, variable weights. */
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    --fs-base:   17px;
    --fs-sm:     0.875rem;
    --fs-md:     1rem;
    --fs-lg:     1.08rem;
    --fs-xl:     1.5rem;
    --fs-2xl:    2rem;
    --fs-3xl:    2.5rem;
    --fs-hero:   clamp(2.5rem, 5vw, 5.4rem);

    --lh-tight:  1.0;
    --lh-snug:   1.3;
    --lh-body:   1.65;

    /* Spacing */
    --section-padding:    100px;
    --section-padding-sm: 60px;
    --section-padding-lg: 140px;

    --space-xs:  4px;
    --space-sm:  8px;
    --space-md:  16px;
    --space-lg:  24px;
    --space-xl:  40px;
    --space-2xl: 64px;

    /* Radius — more rounded than Happy Paws. */
    --radius-sm:   12px;
    --radius-md:   18px;
    --radius-lg:   24px;
    --radius-xl:   34px;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 14px rgba(34,30,30,0.04);
    --shadow-md: 0 12px 32px rgba(34,30,30,0.07);
    --shadow-lg: 0 18px 45px rgba(34,30,30,0.10);
    --shadow-cta: 0 14px 30px rgba(235,139,90,0.28);

    /* Layout */
    --container-max: 1240px;
    --container-narrow: 760px;
}