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

:root {
    --primary: #BC6C25;   /* Màu đất nung ấm áp */
    --secondary: #283618; /* Xanh lá thẫm tái sinh */
    --accent: #DDA15E;    /* Màu nắng trái cây */
    --cream: #FEFAE0;     /* Màu nền dịu nhẹ */
    --text-dark: #2c2c2c;
    --white: #ffffff;
}

/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: var(--white);
    color: var(--text-dark);
    line-height: 1.7;
}

/* Typography */
h1, h2, h3 {
    font-family: 'Playfair Display', serif;
}