/*
Theme Name: Mái Xếp Green
Theme URI: https://maixepgreen.com
Author: Antigravity Team
Author URI: https://maixepgreen.com
Description: Theme WordPress chuyên nghiệp dành riêng cho ngành thi công Mái Xếp Lượn Sóng, Mái Hiên Di Động, Mái Che Sân Thượng, Mái Che Nhà Xe. Tải nhanh, tối ưu chuyển đổi, chuẩn SEO.
Version: 1.0.0
Text Domain: maixep-green
*/

/* CSS Variables */
:root {
  --primary-green: #16a34a;
  --dark-green: #15803d;
  --light-green: #f0fdf4;
  --border-green: #bbf7d0;
  --accent-gold: #f59e0b;
  --accent-gold-hover: #d97706;
  --accent-red: #ef4444;
  --text-dark: #1e293b;
  --text-muted: #64748b;
  --bg-light: #f8fafc;
  --white: #ffffff;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --font-main: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Reset & Basic Setup */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

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

body {
  font-family: var(--font-main);
  color: var(--text-dark);
  background-color: #ffffff;
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--primary-green);
  text-decoration: none;
  transition: all 0.2s ease;
}

a:hover {
  color: var(--dark-green);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul {
  list-style: none;
}

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