/* :root {
    --accent: #e7be4d;
    --headlineText: #ffffff;
    --bodyText: #e2e2e2;
    --descriptionText: #ababab;
    --background: #121212;
    --backgroundAlt: #222222;
    --hoverBackground: #333333;
    --stroke: #282828;
    --green: #60af60;
    --warning: #ffc107;
    --danger: #dc3545;
    --invertAmount: 1;
    --imageBlendMode: screen;
} */

:root {
    --accent: #d3a20c;
    /* Keep accent color unchanged */
    --headlineText: #121212;
    /* Dark text for headlines */
    --bodyText: #333333;
    /* Slightly darker text for body */
    --descriptionText: #555555;
    /* Medium-dark text for descriptions */
    --background: #e0dfd4;
    /* Light background */
    --backgroundAlt: #d1d0c5;
    /* Slightly darker alternative background */
    --hoverBackground: #e8e7dd;
    /* Light hover background */
    --stroke: #c9c8c1;
    /* Light stroke color */
    --warning: #ffc107;
    /* Keep warning color unchanged */
    --danger: #dc3545;
    /* Keep danger color unchanged */
    --invertAmount: 0;
    --imageBlendMode: darken;
}