:root {
    --primary:          #222222;
    --secondary:        #F8F6F2;
    --tertiary:         #D4A017;

    --primary-light:    color-mix(in srgb, var(--primary), white 85%);
    --primary-dark:     color-mix(in srgb, var(--primary), black 20%);

    --secondary-light:  color-mix(in srgb, var(--secondary), white 85%);
    --secondary-dark:   color-mix(in srgb, var(--secondary), black 10%);

    --tertiary-light:   color-mix(in srgb, var(--tertiary), white 85%);
    --tertiary-dark:    color-mix(in srgb, var(--tertiary), black 20%);

    --background:       #F4F1EA;

    --text:             var(--primary);
    --text-muted:       color-mix(in srgb, var(--primary), white 45%);

    --success:          #4F7942;
    --danger:           #B03A2E;
    --warning:          #D4A017;
    --info:             #5C7285;

    --border:           color-mix(in srgb, var(--secondary), black 8%);
    --card-bg:          var(--secondary);

    --shadow:           0 1rem 3rem -1rem rgba(34, 34, 34, 0.08);
    --shadow-hover:     0 2rem 4rem -1.5rem rgba(34, 34, 34, 0.14);

    --font-title:       "Merriweather", Georgia, serif;
    --font-text:        system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- TON MINI RESET COMPACT --- */
* { margin: 0; padding: 0; }
html { box-sizing: border-box; font-size: 62.5%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-family: var(--font-title); color: var(--text); }
ul { list-style: none; }
*, *::before, *::after { box-sizing: inherit; }
img, video { max-width: 100%; display: block; }
table { border-collapse: collapse; border-spacing: 0; }

/* --- GLOBAL STYLES --- */
body {
    font-family: var(--font-text);
    background-color: var(--background);
    color: var(--text);
    font-size: 1.6rem; /* 16px */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}