/*
Theme Name:  Hike in Hills
Theme URI:   https://hikeinhills.in/
Author:      Hike in Hills
Author URI:  https://hikeinhills.in/
Description: Custom travel theme for Hike in Hills — trek and stay booking in Uttarakhand and Himachal Pradesh. Trevana-style design with Jost + Playfair Display typography.
Version:     2.0.0
License:     GNU GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hike-in-hills
Tags:        custom-menu, featured-images, full-width-template, translation-ready
*/

/* =============================================================================
   DESIGN SYSTEM — CSS Custom Properties
   Aligned with Trevana demo: Teal #1a9e75, Gold #e8a020, Dark #1a1a2e
   Font stack: Jost (body) + Playfair Display (headings)
   ============================================================================= */

:root {

    /* --- Brand Colours (Trevana-matched) --- */
    --hih-green:          #1a9e75;
    --hih-green-mid:      #0f6e56;
    --hih-green-light:    #e1f5ee;
    --hih-green-pale:     #f0faf6;
    --hih-orange:         #e8a020;
    --hih-orange-dark:    #c4860e;
    --hih-dark:           #1a1a2e;
    --hih-mid:            #636e72;
    --hih-muted:          #b2bec3;
    --hih-border:         #e8ecef;
    --hih-surface:        #ffffff;
    --hih-bg:             #f8f9fa;

    /* --- Difficulty Badge Colours --- */
    --diff-easy:          #52b788;
    --diff-moderate:      #f4a261;
    --diff-difficult:     #e76f51;
    --diff-extreme:       #c1553a;

    /* --- Typography (Trevana-matched) --- */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body:    'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:    'Fira Code', 'Courier New', monospace;

    --text-xs:   0.75rem;
    --text-sm:   0.875rem;
    --text-base: 1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;
    --text-3xl:  1.875rem;
    --text-4xl:  2.25rem;
    --text-5xl:  3rem;
    --text-6xl:  3.75rem;

    --leading-tight:  1.25;
    --leading-snug:   1.375;
    --leading-normal: 1.6;
    --leading-relaxed:1.75;

    --weight-normal:  400;
    --weight-medium:  500;
    --weight-semibold:600;
    --weight-bold:    700;
    --weight-black:   900;

    /* --- Spacing Scale (8px base) --- */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* --- Layout --- */
    --container:        1200px;
    --container-wide:   1440px;
    --container-narrow: 800px;
    --nav-height:       70px;

    /* --- Border Radius (Trevana-matched) --- */
    --radius-sm:  8px;
    --radius:     12px;
    --radius-md:  14px;
    --radius-lg:  16px;
    --radius-xl:  24px;
    --radius-full:9999px;

    /* --- Shadows --- */
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
    --shadow:     0 4px 20px rgba(0,0,0,0.08);
    --shadow-md:  0 8px 30px rgba(0,0,0,0.10);
    --shadow-lg:  0 16px 40px rgba(0,0,0,0.12);

    /* --- Z-index --- */
    --z-dropdown: 100;
    --z-sticky:   200;
    --z-overlay:  300;
    --z-modal:    400;
    --z-toast:    500;
    --z-float:    9000;
}