:root {
    --bk: #0a0908;
    --bk2: #11100e;
    --bk3: #181613;
    --line: #24211d;
    --gold: #c9a978;
    --gold2: #e6cfa3;
    --iv: #ede6d8;
    --mut: #9a9184;
    --dim: #5e574d;
    --iv2: #cfc6b6;
    --gold-rgb: 201, 169, 120;
    --gold2-rgb: 230, 207, 163;
    --bk-rgb: 10, 9, 8;
    --serif: 'Cormorant Garamond', Georgia, serif;
    --sans: Inter, system-ui, sans-serif;

    /* Алиасы старой (светлой) палитры: имена исторические, значения — тёмная тема */
    --cream: var(--bk);
    --cream-2: var(--bk2);
    --cream-3: var(--bk3);
    --ink: var(--iv);
    --ink-2: var(--iv2);
    --muted: var(--mut);
    --green: var(--gold);
    --green-2: var(--gold2);
    --green-deep: #a88a5e;
    --green-soft: rgba(var(--gold-rgb), .1);
    --accent: var(--gold)
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

html,
body {
    margin: 0;
    background: var(--bk);
    color: var(--iv);
    font-family: var(--sans);
    font-weight: 300;
    -webkit-font-smoothing: antialiased
}

a {
    color: var(--gold);
    text-decoration: none
}

a:hover {
    color: var(--gold2)
}

button {
    font: inherit;
    cursor: pointer;
    border: none;
    background: none;
    color: inherit
}

h1,
h2,
h3 {
    font-family: var(--serif);
    font-weight: 300;
    margin: 0;
    letter-spacing: -.005em
}

em {
    font-style: italic;
    color: var(--gold)
}

p {
    margin: 0
}