/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300..900;1,300..900&display=swap');

/* Fallback/Mock @font-face for Lamoric Rowen, replace src later when the actual WOFF is uploaded */
@font-face {
    font-family: 'Lamoric Rowen';
    src: local('Lamoric Rowen'), local('LamoricRowen'),
        url('../fonts/LamoricRowen-8OOLB.woff') format('woff'),
        url('../fonts/Lamoric Rowen TTF.ttf') format('truetype'),
        local('Georgia');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base Variables - Aligned with theme.json */
:root {
    --primary: #c5d89d;
    /* NATURA KIO Brand Color */
    --dark-brown: #5a4521;
    --black: #000000;
    --bg-color: #fcfcfc;
    --text-color: #333333;

    /* Soft typography base */
    --font-heading: 'Lamoric Rowen', serif;
    --font-body: 'Montserrat', sans-serif;

    /* Roundness for organic feel */
    --radius-soft: 14px;
    --radius-pill: 50px;

    /* Shadow */
    --shadow-soft: 0 4px 15px rgba(0, 0, 0, 0.05);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--wp--preset--font-family--montserrat, var(--font-body));
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--bg-color);
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--wp--preset--font-family--lamoric, var(--font-heading));
    color: var(--dark-brown);
    font-weight: normal;
    margin-top: 0;
}

a {
    color: var(--dark-brown);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--primary);
}

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

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