:root {
    font-family: sans-serif;
}

body {
    background-color: var(--color-background);
    color: var(--color-text-primary);
    padding-left: 8px;
}


a.download {
    display: block;
    background-color: var(--color-primary);
    color: var(--color-primary-contrast);
    padding: 6px;
    border-radius: 5px;
    cursor: pointer;
}

a.download svg {
    fill: var(--color-primary-contrast);
}

.downloadLinks {
    display: flex;
    gap: 8px;
}

product-name::after {
    content: var(--productName);
}

p {
    color: var(--color-text-tertiary);
}

h2 {
    color: var(--color-brand);
}

h3 {
    color: var(--color-text-secondary);
}

.content {
    padding-left: 8px;
}