/**
 * Norfolk Bell Tent Hire
 * Global design variables
 */

:root {

    /* ==========================================
       Brand Colours
       ========================================== */

    --colour-charcoal: #232120;
    --colour-brown: #7A5A3A;
    --colour-gold: #C9AA78;
    --colour-cream: #F4E7D5;

    --colour-white: #FFFFFF;
    --colour-light: #F8F7F4;
    --colour-border: #E6DED2;


    /* ==========================================
       Typography
       ========================================== */

    --font-heading: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Poppins', Arial, sans-serif;


    /* ==========================================
       Font Sizes
       ========================================== */

    --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: 2rem;
    --text-4xl: 2.75rem;
    --text-5xl: 3.5rem;
    --text-6xl: 4.5rem;


    /* ==========================================
       Spacing
       ========================================== */

    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;
    --space-5xl: 8rem;

    --home-section-spacing: 4.5rem;


    /* ==========================================
       Layout
       ========================================== */

    --container-width: 1200px;
    --container-padding: 1.5rem;


    /* ==========================================
       Borders & Radius
       ========================================== */

    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-radius-pill: 999px;


    /* ==========================================
       Shadows
       ========================================== */

    --shadow-soft:
        0 10px 30px rgba(35, 33, 32, 0.08);

    --shadow-medium:
        0 15px 40px rgba(35, 33, 32, 0.12);


    /* ==========================================
       Transitions
       ========================================== */

    --transition-fast: 0.2s ease;

    --transition-standard: 0.3s ease;

    --transition-slow: 0.5s ease;


    /* ==========================================
       Z-Index
       ========================================== */

    --z-header: 1000;

    --z-menu: 1100;

    --z-modal: 2000;

}