/*
Theme Name:        Saucey Spoon
Theme URI:         https://thesauceyspoon.site
Author:            Saucey Spoon
Author URI:        https://thesauceyspoon.site
Description:       The official Saucey Spoon WordPress theme. A beautifully crafted food & recipe theme built for Joan Saucey Sanchez and the Saucey Spoon cooking channel. Features a bold hero slider, recipe-first design, Cook-to-Earn community gallery, full integration with the Saucey Recipes plugin, and a rich Customizer with unlimited color options.
Version:           1.0.0
Requires at least: 6.2
Tested up to:      6.7
Requires PHP:      8.0
License:           GPLv3
License URI:       http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:       saucey-spoon
Tags:              food-and-drink, blog, one-column, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready, block-editor-styles

This theme is built to work alongside the Saucey Recipes plugin.
*/

/* ─── Theme is loaded via assets/css/main.css ─── */
/* Base variables are declared here for child-theme overrideability */

:root {
    --color-primary:    #C0392B;
    --color-secondary:  #2C3E50;
    --color-gold:       #D4AC0D;
    --color-light:      #F9F5F0;
    --color-mid:        #7F8C8D;
    --color-dark:       #1a2535;
    --color-white:      #ffffff;
    --color-card-bg:    #ffffff;
    --color-border:     #e8e0d8;
    --color-text:       #333333;
    --color-text-muted: #666666;

    --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body:    'Source Sans Pro', 'Open Sans', system-ui, sans-serif;
    --font-script:  'Dancing Script', cursive;
    --font-size-base: 16px;

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

    --container-max: 1200px;
    --container-wide: 1440px;

    --radius-sm:    6px;
    --radius-md:    12px;
    --radius-lg:    20px;
    --radius-pill:  50px;

    --shadow-card:       0 2px 12px rgba(0,0,0,0.07);
    --shadow-card-hover: 0 8px 32px rgba(0,0,0,0.14);
    --shadow-header:     0 2px 20px rgba(0,0,0,0.08);

    --transition-base: 0.25s ease;
    --transition-slow: 0.45s ease;

    --header-height: 72px;
    --top-bar-height: 38px;
}