:root {
    --terracotta: #8E4E35;
    --terracotta-dark: #6b3a27;
    --sand: #DBCAB4;
    --sand-light: #e8dece;
    --gold: #C5A059;
    --gold-light: #d4b578;
    --dark: #2B1D16;
    --dark-mid: #3d2a1f;
    --crema: #F4EEE0;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background-color: var(--sand);
    font-family: 'Cardo', serif;
    color: var(--dark);
    overflow-x: hidden;
}

.greca {
    width: 100%;
    height: 22px;
    background-color: var(--crema);
    background-image: url("../img/greca.svg");
    background-position: center;
    border-top: 2px solid var(--gold);
    border-bottom: 2px solid var(--gold);
    flex-shrink: 0;
}