:root {
    --neutral05: #ECEFF1;
    --neutral10: #CFD8DC;
    --neutral20: #B0BEC5;
    --neutral60: #546E7A;
    --neutral80: #37474f;
    --neutral90: #263238;
    --pri05: #eff3f9;
    --pri10: #cfdcf1;
    --pri20: #A1B8E0;
    --pri30: #678AC6;
    --pri60: #1b3e7a;
    --pri80: #102447;
    --sec05: #fce8e8;
    --sec60: #e41f1f;
    --sec70: #b9151c;
    --ter05: #fbf8ee;
    --ter10: #faf0d6;
    --ter20: #f6e1ad;
    --ter50: #e8b332;
    --ter60: #daa520;
    --ter70: #c89413;
    --qua05: #eff6f1;
    --qua10: #e0eee4;
    --qua60: #008a27;
    --qua70: #076d02;

    --color-category-back: #efb18b;
}

.tag {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    padding: 2px 4px;
    margin: 2px;
    border-radius: 4px;
    display: inline-block;
}

.place-tag {
    background-color: var(--pri60);
    color: white;
}

.category-tag {
    background-color: var(--color-category-back);
    color: black;
}

.date-tag {
    background-color: var(--pri10);
}