export declare const APPEARANCE_PRESETS: readonly [{
    readonly id: "default";
    readonly label: "Default";
    readonly swatch: "hsl(220 10% 30%)";
}, {
    readonly id: "warm";
    readonly label: "Warm";
    readonly swatch: "hsl(25 65% 55%)";
}, {
    readonly id: "ocean";
    readonly label: "Ocean";
    readonly swatch: "hsl(205 70% 55%)";
}, {
    readonly id: "forest";
    readonly label: "Forest";
    readonly swatch: "hsl(145 55% 45%)";
}, {
    readonly id: "rose";
    readonly label: "Rose";
    readonly swatch: "hsl(345 60% 55%)";
}, {
    readonly id: "slate";
    readonly label: "Slate";
    readonly swatch: "hsl(215 25% 45%)";
}];
export type AppearancePresetId = (typeof APPEARANCE_PRESETS)[number]["id"];
export declare function getStoredAppearance(): AppearancePresetId;
export declare function applyAppearance(preset: AppearancePresetId): void;
export declare function useAppearance(): AppearancePresetId;
export declare function useAppearanceSync(): void;