/*
Theme Name: GOvinda
Theme URI: https://govinda.ua
Author: GOvinda Team
Description: Custom WordPress theme for GOvinda vegetarian restaurant
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: govinda
*/

/* This file is intentionally minimal.
   All styling lives in assets/css/ files.
   Only CSS custom properties (design tokens) are defined here. */

:root {
    /* Colors */
    --color-primary: #B8D432;
    --color-primary-dark: #9AB82A;
    --color-dark-brown: #2D2520;
    --color-light-beige: #F5F3ED;
    --color-white: #FFFFFF;
    --color-text-dark: #1A1A1A;
    --color-text-gray: #666666;
    --color-text-light: #999999;
    --color-yellow-accent: #E8D21D;
    --color-overlay-dark: rgba(45, 37, 32, 0.7);
    --color-overlay-hero: rgba(45, 37, 32, 0.65);
    --color-border: #E5E5E5;
    --color-border-light: #F0F0F0;

    /* Typography */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Montserrat', sans-serif;

    /* Font Sizes — Desktop */
    --text-h1: 48px;
    --text-h2: 36px;
    --text-h3: 28px;
    --text-h4: 22px;
    --text-body-lg: 18px;
    --text-body: 16px;
    --text-body-sm: 14px;
    --text-caption: 12px;

    /* Font Sizes — Mobile */
    --text-h1-mobile: 32px;
    --text-h2-mobile: 24px;
    --text-h3-mobile: 20px;
    --text-h4-mobile: 18px;
    --text-body-mobile: 14px;

    /* Spacing */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 60px;
    --space-2xl: 80px;
    --space-3xl: 120px;

    /* Layout */
    --container-max: 1200px;
    --container-padding: 20px;
    --section-padding: 80px 0;
    --section-padding-mobile: 40px 0;

    /* Border Radius */
    --radius-sm: 10px;
    --radius-md: 20px;
    --radius-lg: 30px;
    --radius-pill: 100px;
    --radius-circle: 50%;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-focus-ring: 0 0 0 3px rgba(184, 212, 50, 0.15);
    --shadow-card: 0 4px 16px rgba(12, 12, 13, 0.05), 0 16px 32px rgba(12, 12, 13, 0.1);
    --shadow-card-soft: 0 4px 16px -4px rgba(12, 12, 13, 0.05), 0 16px 32px -4px rgba(12, 12, 13, 0.1);
    --shadow-card-medium: 0 4px 16px -4px rgba(12, 12, 13, 0.1), 0 16px 32px -4px rgba(12, 12, 13, 0.1);
    --shadow-card-hover: 0 8px 24px -4px rgba(12, 12, 13, 0.1), 0 20px 40px -4px rgba(12, 12, 13, 0.15);

    /* Gradients */
    --gradient-dark-overlay: linear-gradient(180deg, #211711 0%, rgba(135, 95, 69, 0) 100%);

    /* Transitions */
    --transition: all 0.3s ease;
}