/* Variables and CSS Custom Properties */
/* These should contain your color schemes, spacing, and other design tokens */

:root {
    /* Primary Colors */
    --primary-color: #1F6F43;
    --primary-light: #2a8e57;
    --primary-dark: #165a35;

    /* Premium home palette */
    --home-cream: #FAF9F6;
    --home-sage: #E8EDE4;
    --home-forest: #1A3D2E;
    --home-gold: #C4A35A;
    --home-gold-hover: #B08F4A;
    --home-border: #E5E2DC;
    --home-muted: #6B7280;

    /* Secondary Colors */
    --secondary-color: #8B4513;
    --secondary-light: #a0522d;
    --secondary-dark: #6b3410;

    /* Neutral Colors */
    --text-dark: #333333;
    --text-light: #666666;
    --bg-light: #f9f9f9;
    --bg-white: #ffffff;
    --border-color: #e0e0e0;

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

    /* Typography */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Inter', sans-serif;
    --font-numeric: 'Inter', system-ui, -apple-system, sans-serif;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
}