/* Variables & Base Styles
   ========================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Colors */
    --primary-color: #8B4513;
    --primary-dark: #6B3410;
    --secondary-color: #D2691E;
    --accent-color: #CD853F;
    --dark-color: #2c2c2c;
    --light-color: #f8f9fa;
    --white: #ffffff;
    --text-dark: #333333;
    --text-color: #333333;
    --text-light: #666666;
    --success-color: #4CAF50;
    
    /* Gradients */
    --gradient-1: linear-gradient(135deg, #8B4513 0%, #D2691E 100%);
    --gradient-2: linear-gradient(135deg, #D2691E 0%, #CD853F 100%);
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.15);
    
    /* Transitions */
    --transition: all 0.3s ease;
}

html {
    overflow-x: hidden;
    width: 100%;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}