/*
Theme Name: Freedom Digital — Happy Paws
Theme URI: https://freedom-digital.co.uk/themes/happy-paws
Author: Freedom Digital
Author URI: https://freedom-digital.co.uk/
Description: A warm, personal WordPress theme for dog walkers and pet sitters. Built on the Freedom Digital section architecture — every page edits via ACF Flexible Content, no page builder required.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Text Domain: freedom-digital-happy-paws
Tags: dog-walker, pet-services, service-business, acf, flexible-content
*/

:root {
    /* Palette — dusty blue + terracotta on cream. Matches the top 5 Google
       results for "dog walker" branding, with a warm terracotta accent. */
    --color-white:       #ffffff;
    --color-off-white:   #fdf6ee;
    --color-light:       #eef2f5;   /* cool-tinted light, pairs with blue */
    --color-primary:     #5b8ba5;   /* dusty blue */
    --color-secondary:   #e8a87c;   /* terracotta */
    --color-accent:      #f3d4a0;   /* soft gold */
    --color-dark:        #2c3e50;   /* deep navy-grey */
    --color-text-muted:  #6b7a85;   /* cool muted grey */
    --color-black:       #1a1a1a;
    --color-border:      #dfe5ea;

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

    /* Typography */
    --font-heading: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    --fs-base:   17px;
    --fs-sm:     0.875rem;
    --fs-md:     1rem;
    --fs-lg:     1.15rem;
    --fs-xl:     1.5rem;
    --fs-2xl:    2rem;
    --fs-3xl:    2.5rem;
    --fs-hero:   clamp(2.25rem, 5.5vw, 4rem);

    --lh-tight:  1.15;
    --lh-snug:   1.3;
    --lh-body:   1.6;

    /* Spacing */
    --section-padding:    80px;
    --section-padding-sm: 40px;
    --section-padding-lg: 120px;

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

    /* Radius + shadow */
    --radius-sm:   8px;
    --radius-md:   16px;
    --radius-lg:   24px;
    --radius-xl:   32px;
    --radius-pill: 999px;

    --shadow-sm: 0 2px 6px rgba(0,0,0,0.04);
    --shadow-md: 0 8px 24px rgba(0,0,0,0.06);
    --shadow-lg: 0 20px 40px rgba(0,0,0,0.10);
    --shadow-cta: 0 4px 14px rgba(91,139,165,0.35);

    /* Layout */
    --container-max: 1200px;
    --container-narrow: 720px;
}