/*
 * CSS Variables and Global Configuration
 * Adriatic Stay WordPress Theme
 */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Open+Sans:wght@300;400;500;600&display=swap');

/* CSS Variables for Theme Colors */
:root {
    /* Primary Brand Colors */
    --primary-color: #A47B5D;        /* Updated Primary - warm brown */
    --primary-hover: #8C5A3D;        /* Darker shade for hover states */
    --background-color: #F4EFEA;     /* Light sand background, soft on eyes */
    --accent-color: #D9C1A3;         /* Soft beige accent */
    --highlight-color: #8C5A3D;      /* Darker shade of primary for highlights */
    --white: #FEFEFE;                /* Pure white with subtle warmth, stronger contrast */

    /* Typography Colors */
    --text-dark: #3B2E28;            /* Rich brown for strong text */
    --text-gray: #7A6A5E;            /* Soft gray-brown for secondary text */
    --text-muted: #8A7C70;           /* Muted text color */
    --background-light: #F9F6F2;     /* Very light background */
    --border-light: #E7DAD1;         /* Light beige border */

    /* Typography */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Open Sans', sans-serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;

    /* Breakpoints */
    --tablet: 768px;
    --desktop: 1024px;
    --large-desktop: 1200px;
}