:root {
    --done: #f0a500;
    --page-surface-image: radial-gradient(circle at top, rgba(255, 255, 255, 0.03), transparent 42%);
    --header-surface-image: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent);
    --card-surface-image: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 60%);
    --inset-surface-image: none;
    --board-grid-stroke: brown;
    --board-frame-fill: wheat;
    --board-frame-stroke: brown;
    --board-field-fill: seashell;
    --board-arrow-fill: burlywood;
    --board-node-stroke: brown;
    --board-platform-fill: burlywood;
    --board-portal-node-fill: burlywood;
    --board-portal-fill: chocolate;
    --board-center-fill: chocolate;
}

:root[data-theme="light"] {
    --done: #d69100;
    --page-surface-image: radial-gradient(circle at top, rgba(255, 255, 255, 0.45), transparent 45%);
    --header-surface-image: linear-gradient(180deg, rgba(255, 255, 255, 0.32), transparent);
    --card-surface-image: linear-gradient(180deg, rgba(255, 255, 255, 0.26), transparent 62%);
    --inset-surface-image: none;
}