/*
Theme Name: Astra Child
Theme URI: https://grandmas.local/
Description: Custom UI for Grandma's Pantry - Base Styles
Author: Antigravity
Author URI: https://grandmas.local/
Template: astra
Version: 1.2.0
*/

/* --- Design System Variables --- */
:root {
    --gp-primary: #2D5A27;
    /* Deep Green */
    --gp-secondary: #8A9A5B;
    /* Sage */
    --gp-accent: #E2725B;
    /* Terracotta */
    --gp-bg: #F4F5F1;
    /* Cream */
    --gp-text: #333333;
    --gp-white: #ffffff;
    --gp-radius: 24px;
    --gp-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* --- Global Styles --- */
body {
    background-color: var(--gp-bg);
    color: var(--gp-text);
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    text-rendering: optimizeLegibility;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

/* --- Global Theme Components (Buttons) --- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.ast-button,
.wp-block-button__link {
    background-color: var(--gp-primary) !important;
    color: var(--gp-white) !important;
    border-radius: var(--gp-radius) !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.ast-button:hover,
.wp-block-button__link:hover {
    background-color: var(--gp-secondary) !important;
    transform: scale(1.02);
}

/* --- Global UI Polishes --- */
#preact-border-shadow-host {
    display: none !important;
}

/* Note: Other specific styles for Home Page, WooCommerce, and Header/Footer 
   have been moved to the css/ directory for better maintainability. */