.f-root.system-theme.f-theme-light {
    --f-canvas: #F3F5F8; --f-surface: #FFFFFF;
    --f-text: #152B40; --f-muted: #536579;
    --f-display-board: #E5E8EB; --f-preview-light: #D4E3F1; --f-preview-dark: #2D5072;
    --f-click-light: #BFCFDB; --f-click-dark: #284866; --f-border: #9FAEBC;
}

.f-root.system-theme.f-theme-dark {
    --f-canvas: #1B2431; --f-surface: #29394B;
    --f-text: #E9EFF7; --f-muted: #B9C9DB;
    --f-display-board: #34485F; --f-preview-light: #D8E7F5; --f-preview-dark: #3D526C;
    --f-click-light: #C4D5E8; --f-click-dark: #344A63; --f-border: #657C97;
}

.f-root.liquidity-theme.f-theme-light {
    --f-canvas: #F6F3F9; --f-surface: #FFFFFF;
    --f-text: #2E2438; --f-muted: #6A5B78;
    --f-display-board: #EAE4F0; --f-preview-light: #E1D4EF; --f-preview-dark: #624A7B;
    --f-click-light: #D1C0E2; --f-click-dark: #573E70; --f-border: #B0A2BC;
}

.f-root.liquidity-theme.f-theme-dark {
    --f-canvas: #241D2C; --f-surface: #342A3F;
    --f-text: #F0E8F7; --f-muted: #CABBD6;
    --f-display-board: #43344F; --f-preview-light: #E7D7F5; --f-preview-dark: #51415F;
    --f-click-light: #D4C0E6; --f-click-dark: #493957; --f-border: #7B668C;
}

.f-root.people-theme.f-theme-light {
    --f-canvas: #FAF5EF; --f-surface: #FFFDFC;
    --f-text: #38271E; --f-muted: #756050;
    --f-display-board: #F1E5D8; --f-preview-light: #EED7C2; --f-preview-dark: #865336;
    --f-click-light: #E0C1A5; --f-click-dark: #77482D; --f-border: #B9A38F;
}

.f-root.people-theme.f-theme-dark {
    --f-canvas: #2C2119; --f-surface: #3F2F23;
    --f-text: #F8EBDF; --f-muted: #D9C0AB;
    --f-display-board: #503D2E; --f-preview-light: #F6D8BE; --f-preview-dark: #644A35;
    --f-click-light: #E6C5A7; --f-click-dark: #59412E; --f-border: #92745B;
}