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

:root {
    --primary: #6f5d00;
    --primary-container: #fad41a;
    --surface: #fbf9f8;
    --surface-container: #e8e3dc;
    --on-surface: #1b1c1c;
    --secondary: #5f5e5e;
    --outline: rgba(27, 28, 28, 0.15);
    --shadow: 0px 12px 40px rgba(27, 28, 28, 0.06);
    --font-main: "Raleway", sans-serif;
}

body {
    background: #f5f5f5;
    color: var(--on-surface);
    font-family: var(--font-main);
    font-size: 1.5em;
    text-transform: lowercase; /* Maintained original design choice */
    -webkit-font-smoothing: antialiased;
}

a { all: unset; cursor: pointer; transition: all 0.3s ease; }

h1, h2, h3, h4, h5 { font-weight: 800; color: #171717; margin-bottom: 1.5rem; }
p { color: #444; margin-bottom: 1.2rem; }

/* THEME SPECIFICS */
.highlight-text { color: var(--primary); font-weight: bold; }