/**
 * CGN Theme Design Tokens — shared static palette, spacing, and breakpoints.
 *
 * Authoritative source for the values that don't depend on admin settings.
 * The dynamic tokens (brand color, radius, fonts, base size, derived hover
 * states) are emitted server-side by inc/design-tokens.php as a
 * <style id="cgn-design-tokens"> block in <head> at wp_head priority 5,
 * which runs before any stylesheet. So tokens here can safely assume the
 * dynamic ones are already declared on :root.
 *
 * Loaded as a dependency for areas-we-serve.css and service-location.css.
 */

:root {
    /* Editorial-luxury neutral palette (warm-cream, near-black headings). */
    --cgn-text-darker: #14110F;
    --cgn-text-dark:   #2A2622;
    --cgn-text-muted:  #6B645D;
    --cgn-border-light: #EFEAE3;
    --cgn-border:       #D9D2C7;
    --cgn-bg-soft:      #FAF7F2;
    --cgn-bg-warm:      #F4EFE7;
    --cgn-white:        #FFFFFF;

    /* Legacy semantic tokens kept for service-location.css compatibility.
       These map to the editorial palette so SLPs render unchanged after
       the :root block is lifted out of service-location.css. */
    --cgn-text-light:    #9B9B9B;
    --cgn-text-gray:     #4b5563; /* used in 3 SLP rules; keep verbatim */
    --cgn-background:       #f8f9fa;
    --cgn-background-light: #f8f9fa;
    --cgn-success: #28a745;
    --cgn-star:    #ffc107;

    /* Container + spacing scale. */
    --container-max: 1200px;
    --spacing-sm:    1rem;
    --spacing-md:    2rem;
    --spacing-lg:    3rem;
    --spacing-xl:    4rem;
    --transition:    all 0.3s ease;

    /* Gradients (used by SLP hero treatments). Both stops track the brand /
       SLP accent (nested var() resolves at point of use) instead of a
       hardcoded orange, so nothing warm bleeds onto a cool-branded site. */
    --gradient-primary: linear-gradient(135deg, var(--cgn-primary, #FF8B5A) 0%, var(--cgn-primary-hover, #ff6b3d) 100%);
    --gradient-light:   linear-gradient(135deg, var(--cgn-bg-soft, #f7f7f8) 0%, #ffffff 100%);
    --gradient-subtle:  linear-gradient(135deg, var(--cgn-background, #f8f9fa) 0%, #ffffff 100%);

    /* Standardized breakpoints (referenced in @media; informational). */
    --breakpoint-mobile:  480px;
    --breakpoint-tablet:  768px;
    --breakpoint-desktop: 1024px;

    /* SLP-specific layout dimensions. */
    --header-image-offset: 120px;
    --featured-image-ratio: 4/3;

    /* Areas We Serve typography defaults. Overridden in inc/assets.php with
       an inline style if the admin has chosen explicit blog fonts. */
    --cgn-aws-display-font: "Fraunces", Georgia, "Times New Roman", serif;
    --cgn-aws-body-font:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --cgn-aws-eyebrow-tracking: 0.12em;
}
