/*
Theme Name: LocalMate
Theme URI: https://localmate.site
Author: Your Name
Description: Giao diện Web App cho LocalMate - Đặt dịch vụ du lịch địa phương.
Version: 1.0.0
Text Domain: localmate
*/

/* ==========================================
   RESET CSS & CẤU HÌNH GỐC
   ========================================== */
:root {
    --primary-color: #064E3B; /* Xanh lá đậm */
    --primary-light: #10B981; /* Xanh lá nhạt */
    --accent-color: #F59E0B; /* Vàng cam */
    --bg-app: #FFFFFF;
    --text-main: #111827;
}

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

body {
    font-family: 'Inter', sans-serif;
    background-color: #E5E7EB; /* Màu nền xám ngoài rìa PC */
    color: var(--text-main);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button, input { outline: none; border: none; font-family: inherit; }
img { max-width: 100%; display: block; }

/* ==========================================
   KHUNG GIAO DIỆN APP (Chuẩn Mobile)
   ========================================== */
.app-container {
    max-width: 480px; /* Bề ngang điện thoại */
    margin: 0 auto;
    background-color: var(--bg-app);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}