/* ===========================================
   Hidden Places Design System
   Variables
=========================================== */

:root {
    /* Brand */

    --hp-forest: #173A2C;
    --hp-forest-dark: #10261D;
    --hp-gold: #B7954A;
    /* Neutrals */

    --hp-cream: #F7F4EC;
    --hp-background: #F9F8F5;
    --hp-white: #FFFFFF;
    --hp-grey-100: #F2F2F2;
    --hp-grey-200: #E5E5E5;
    --hp-grey-300: #D7D7D7;
    --hp-grey-400: #B5B5B5;
    --hp-grey-500: #888888;
    --hp-grey-600: #666666;
    --hp-grey-700: #444444;
    /* Success */

    --hp-success: #2E7D32;
    --hp-warning: #ED9B00;
    --hp-danger: #C62828;
    /* Typography */

    --hp-font-heading: "Playfair Display", Georgia, serif;
    --hp-font-body: "Inter", "Segoe UI", sans-serif;
    /* Radius */

    --hp-radius-small: 10px;
    --hp-radius: 16px;
    --hp-radius-large: 24px;
    /* Shadows */

    --hp-shadow-small: 0 4px 12px rgba(0,0,0,.06);
    --hp-shadow: 0 12px 30px rgba(0,0,0,.08);
    --hp-shadow-large: 0 20px 50px rgba(0,0,0,.10);
    /* Spacing */

    --hp-space-xs: .5rem;
    --hp-space-sm: 1rem;
    --hp-space-md: 1.5rem;
    --hp-space-lg: 2rem;
    --hp-space-xl: 3rem;
}