:root {
    --sage-900: #5c7a70;
    --sage-800: #6d8d82;
    --sage-700: #86a59a;
    --sage-500: #bfd0c7;
    --gold-500: #d8a14a;
    --cream-100: #fcfaf5;
    --cream-200: #f5efe5;
    --mist-100: #eef4ef;
    --ink-900: #243432;
    --ink-700: #667875;
    --line: rgba(109, 141, 130, 0.18);
    --panel: rgba(255, 255, 255, 0.9);
    --shadow-card: 0 18px 40px rgba(98, 124, 116, 0.1);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: var(--ink-900);
    background:
        radial-gradient(circle at top left, rgba(216, 161, 74, 0.12), transparent 28%),
        linear-gradient(180deg, var(--cream-100), var(--mist-100));

    & a {
        color: inherit;
        text-decoration: none;
    }
}