/*
Theme Name: MITM Theme
Theme URI: https://themeninthemirror.com
Description: Men In The Mirror — Custom B2B wholesale theme for India market
Author: MITM
Version: 1.0.0
*/

/* =============================================
   CSS 变量
   ============================================= */
:root {
    --color-primary:   #004B49;
    --color-secondary: #E2B07E;
    --color-bg:        #F5F5F0;
    --color-white:     #FFFFFF;
    --color-text:      #324A6D;
    --color-muted:     #7a8a9a;

    --font-heading:    'DM Serif Display', Georgia, serif;
    --font-body:       'Poppins', sans-serif;
    --font-nav:        'Roboto', sans-serif;
    --font-deco:       'Italianno', cursive;

    --header-h:        clamp(5rem, 8vw, 7rem);
    --max-w:           1280px;
    --gap:             clamp(1rem, 3vw, 3rem);
}

/* =============================================
   全局重置
   ============================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
    font-family: var(--font-body);
    color: var(--color-text);
    background: var(--color-bg);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

/* =============================================
   工具类
   ============================================= */
.container {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 60px);
}
.section { padding: clamp(40px, 8vw, 100px) 0; }