/* ============================================================================
   UNITED STATES MARKET THEME
   Cultural Design Preferences:
   - Warm, inviting earth tones (terracotta, sage)
   - Friendly, approachable design with generous spacing
   - Soft shadows and rounded corners
   - Modern, sans-serif typography with warmth
   ============================================================================ */

body.country-us {
    /* ========== COLORS ========== */
    --color-primary: #D2691E;           /* Warm terracotta/chocolate */
    --color-primary-dark: #A0522D;      /* Darker sienna */
    --color-primary-light: #E89F71;     /* Lighter terracotta */

    --color-secondary: #8FBC8F;         /* Calming sage green */
    --color-secondary-dark: #6B8E6B;    /* Darker sage */
    --color-secondary-light: #A8D5A8;   /* Lighter sage */

    --color-accent: #CD853F;            /* Warm peru/tan */
    --color-background-alt: #FFF5EE;    /* Soft seashell cream */

    /* ========== TYPOGRAPHY ========== */
    --font-family-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-heading: 'Outfit', 'Plus Jakarta Sans', sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;

    /* ========== BORDERS & SHAPES ========== */
    --border-radius: 12px;              /* Friendlier rounding */
    --border-radius-lg: 16px;           /* More rounded */
    --border-radius-xl: 20px;           /* Softer large elements */

    /* ========== LAYOUT ========== */
    --container-max-width: 1200px;      /* Standard width */
}

/* ========== COMPONENT STYLING ========== */

/* Hero section - warm, inviting */
body.country-us .hero {
    background: linear-gradient(135deg, #FFFBF7 0%, #FFF5EE 100%);
    padding: 120px 20px 80px;
}

body.country-us .hero h1 {
    color: #3E2723;                     /* Warm dark brown */
    font-weight: 300;                   /* Light weight for elegance */
    letter-spacing: -0.01em;            /* Slightly looser for warmth */
}

body.country-us .hero-image {
    border-radius: 16px;                /* More rounded */
    box-shadow: 0 25px 50px -12px rgba(210, 105, 30, 0.2);  /* Warm terracotta shadow */
}

/* Buttons - warm, friendly */
body.country-us .btn-primary {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: white;
    border: 2px solid transparent;
    border-radius: 12px;                /* More rounded */
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 8px rgba(210, 105, 30, 0.15);  /* Warm shadow */
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-block;
}

body.country-us .btn-primary:hover {
    background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
    transform: translateY(-1px);        /* Subtle lift */
    box-shadow: 0 6px 12px rgba(210, 105, 30, 0.2);  /* Deeper shadow on hover */
}

body.country-us .btn-secondary {
    background: white;
    color: var(--color-primary);
    border: 2px solid var(--color-primary-light);
    border-radius: 12px;                /* More rounded */
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

body.country-us .btn-secondary:hover {
    background: #FFF5EE;                /* Warm cream tint */
    border-color: var(--color-primary);
    transform: translateY(-1px);
}

/* Cards - warm, inviting */
body.country-us .card,
body.country-us .feature-card {
    background: white;
    border: 1px solid #E8DCD0;          /* Warm tan border */
    border-radius: 16px;                /* More rounded */
    padding: 32px;
    box-shadow: 0 4px 12px rgba(210, 105, 30, 0.08);  /* Warm subtle shadow */
    transition: all 0.3s ease;
}

body.country-us .card:hover,
body.country-us .feature-card:hover {
    box-shadow: 0 8px 24px rgba(210, 105, 30, 0.12);  /* Warmer, deeper shadow */
    transform: translateY(-2px);        /* Subtle lift */
    background: #FFFBF7;                /* Slight warm tint */
}

/* Feature icons - warm, soft */
body.country-us .feature-icon {
    width: 85px;
    height: 85px;
    margin-bottom: 1rem;                /* Space between icon and text */
    background: linear-gradient(135deg, #FFE5D9 0%, #F4DFD0 100%);  /* Warm peach gradient */
    border-radius: 16px;                /* More rounded */
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;                 /* Center in flex column */
    font-size: 3.75rem;                 /* 60px emoji */
    box-shadow: 0 2px 8px rgba(210, 105, 30, 0.1);  /* Subtle warm shadow */
}

/* Section spacing - generous breathing room */
body.country-us .section {
    padding: calc(var(--spacing-unit) * 18) 20px;  /* 25% more vertical space */
}

/* Navigation - warm */
body.country-us .navbar {
    background: white;
    border-bottom: 1px solid #E8DCD0;   /* Warm tan border */
}

/* Footer - warm cream */
body.country-us footer {
    background: #FFF5EE;                 /* Soft seashell cream */
    border-top: 1px solid #E8DCD0;       /* Warm tan border */
    color: #6D4C41;                      /* Warm brown muted text */
}