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

/* --- Design System Variables (Vepa Essentials Theme) --- */
:root {
    --gp-primary: #d32029;
    /* Vepa Red */
    --gp-secondary: #0f8238;
    /* Vepa Green */
    --gp-accent: #0f79d5;
    /* Vepa Blue */
    --gp-bg: #fdfdfd;
    /* Clean White for Material Design */
    --gp-text: #2b2b2b;
    /* Vepa Charcoal */
    --gp-white: #ffffff;
    --gp-gold: #f5b041;
    /* Retained for star ratings */
    --gp-pale: #f0f4f8;
    /* Soft blue-grey for section dividers */
    --gp-radius: 8px;
    /* Material Design sharper corners */
    --gp-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* Material Elevation */
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    /* Google Material Design uses lighter heading weights */
}

/* --- 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. */