:root {
    --sudoku-background: var(--white-005-100, #0d0d0d);
    --sudoku-surface: var(--white-010-100, #1a1a1a);
    --sudoku-raised: #202023;
    --sudoku-border: var(--white-015-100, #262626);
    --sudoku-line: #58545e;
    --sudoku-text: #ece7f2;
    --sudoku-muted: var(--white-075-100, #bfbfbf);
    --sudoku-subtle: #a09aa8;
    --sudoku-accent: var(--violet-080-100, #c299ff);
    --sudoku-orange: var(--orange-080-100, #ffaf99);
    --sudoku-selected: #3a294e;
    --sudoku-related: #25212d;
    --sudoku-selection-outline: color-mix(in srgb, var(--sudoku-accent) 55%, var(--sudoku-transparent));
    --sudoku-related-tint: color-mix(in srgb, var(--sudoku-accent) 7%, var(--sudoku-transparent));
    --sudoku-excluded-tint: color-mix(in srgb, var(--sudoku-accent) 12%, var(--sudoku-transparent));
    --sudoku-color-exclusion-hatch: color-mix(in srgb, var(--sudoku-muted) 18%, var(--sudoku-transparent));
    --sudoku-highlight: #373041;
    --sudoku-danger: #ff9fa8;
    --sudoku-success: #a4d9b3;
    --sudoku-dutch-whispers: #f3b260;
    --sudoku-entropic: var(--sudoku-orange);
    --sudoku-kropki-black: #101012;
    --sudoku-kropki-white: #f5f2f7;
    --sudoku-elimination: #653741;
    --sudoku-transparent: transparent;
    --sudoku-shadow: #00000040;
    --sudoku-mark-1: #783f49;
    --sudoku-mark-2: #7a4c2c;
    --sudoku-mark-3: #706324;
    --sudoku-mark-4: #466a43;
    --sudoku-mark-5: #26442f;
    --sudoku-mark-6: #3c627d;
    --sudoku-mark-7: #26375a;
    --sudoku-mark-8: #5d3d75;
    --sudoku-mark-9: #505057;
    --sudoku-board-mark-opacity: 45%;
    --sudoku-board-mark-1: color-mix(in srgb, var(--sudoku-mark-1) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-2: color-mix(in srgb, var(--sudoku-mark-2) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-3: color-mix(in srgb, var(--sudoku-mark-3) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-4: color-mix(in srgb, var(--sudoku-mark-4) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-5: color-mix(in srgb, var(--sudoku-mark-5) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-6: color-mix(in srgb, var(--sudoku-mark-6) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-7: color-mix(in srgb, var(--sudoku-mark-7) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-8: color-mix(in srgb, var(--sudoku-mark-8) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
    --sudoku-board-mark-9: color-mix(in srgb, var(--sudoku-mark-9) var(--sudoku-board-mark-opacity), var(--sudoku-transparent));
}