/* Generated by tools/build-theme.mjs. Edit tools/theme-palette.json. */
:root {
    color-scheme: light;
    --color-canvas: #f5f8f6;
    --color-surface: #ffffff;
    --color-surface-subtle: #f5f7f6;
    --color-surface-hover: #eaf0ec;
    --color-text: #1c292d;
    --color-text-muted: #53636b;
    --color-text-subtle: #53636b;
    --color-border: #d5dfd9;
    --color-border-strong: #84988d;
    --color-inverse-surface: #17202a;
    --color-on-accent: #ffffff;
    --color-on-warning: #422006;
    --color-focus: #176b59;
    --color-selection: #a6d5c2;
    --color-selection-text: #153b35;
    --color-warning-fill: #fbbf24;
    --color-warning-fill-hover: #f59e0b;
    --color-brand: #1b645b;
    --color-brand-surface: #edf6f1;
    --color-brand-border: #b9d1c6;
    --color-brand-solid: #1b645b;
    --color-brand-hover: #154f49;
    --color-blue: #1859a9;
    --color-blue-surface: #eef5ff;
    --color-blue-border: #b9d2ed;
    --color-blue-solid: #1859a9;
    --color-blue-hover: #12467f;
    --color-purple: #6535a4;
    --color-purple-surface: #f3edff;
    --color-purple-border: #d7c6ec;
    --color-purple-solid: #7037bc;
    --color-purple-hover: #572690;
    --color-green: #17633a;
    --color-green-surface: #edf8ef;
    --color-green-border: #b8d8c2;
    --color-green-solid: #17633a;
    --color-green-hover: #12512f;
    --color-danger: #a52e29;
    --color-danger-surface: #fff1ee;
    --color-danger-border: #ebc4bf;
    --color-danger-solid: #a52e29;
    --color-danger-hover: #86231f;
    --color-amber: #80500f;
    --color-amber-surface: #fff5df;
    --color-amber-border: #e5d4a8;
    --color-amber-solid: #80500f;
    --color-amber-hover: #68400b;
    --color-orange: #a13b15;
    --color-orange-surface: #fff1e8;
    --color-orange-border: #e9c8b5;
    --color-orange-solid: #b53e13;
    --color-orange-hover: #94330f;
    --color-surface-rgb: 255, 255, 255;
    --color-shadow-rgb: 25, 51, 44;
    --color-brand-rgb: 27, 100, 91;
    --color-overlay-rgb: 0, 0, 0;
    --ui-ink: var(--color-text);
    --ui-muted: var(--color-text-muted);
    --ui-canvas: var(--color-canvas);
    --ui-surface: var(--color-surface);
    --ui-line: var(--color-border);
    --ui-brand: var(--color-brand-solid);
    --ui-brand-deep: var(--color-brand-hover);
    --ui-brand-soft: var(--color-brand-surface);
    --ui-warm: var(--color-orange-solid);
    --ui-warm-deep: var(--color-orange-hover);
    --action-post: var(--color-orange-solid);
    --action-post-hover: var(--color-orange-hover);
    --action-message: var(--color-purple-solid);
    --action-message-hover: var(--color-purple-hover);
    --action-review: var(--color-warning-fill);
    --action-review-hover: var(--color-warning-fill-hover);
    --action-browse: var(--color-blue-solid);
    --action-browse-hover: var(--color-blue-hover);
    --ui-shadow: 0 2px 5px rgba(var(--color-shadow-rgb), .045), 0 10px 26px rgba(var(--color-shadow-rgb), .055);
    --ui-shadow-raised: 0 5px 12px rgba(var(--color-shadow-rgb), .08), 0 18px 36px rgba(var(--color-shadow-rgb), .09);
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
    --color-canvas: #101815;
    --color-surface: #18231e;
    --color-surface-subtle: #1e2c25;
    --color-surface-hover: #293c31;
    --color-text: #edf4ef;
    --color-text-muted: #bfcec4;
    --color-text-subtle: #b0c1b6;
    --color-border: #425c4c;
    --color-border-strong: #7e9b88;
    --color-inverse-surface: #33483b;
    --color-on-accent: #ffffff;
    --color-on-warning: #422006;
    --color-focus: #9be5cc;
    --color-selection: #315e4b;
    --color-selection-text: #effff6;
    --color-warning-fill: #fbbf24;
    --color-warning-fill-hover: #f59e0b;
    --color-brand: #96dcc4;
    --color-brand-surface: #203d30;
    --color-brand-border: #5b9279;
    --color-brand-solid: #236859;
    --color-brand-hover: #1b574a;
    --color-blue: #accaff;
    --color-blue-surface: #20334b;
    --color-blue-border: #52749b;
    --color-blue-solid: #245da3;
    --color-blue-hover: #1b4d88;
    --color-purple: #d4baff;
    --color-purple-surface: #342747;
    --color-purple-border: #84689e;
    --color-purple-solid: #7545b5;
    --color-purple-hover: #633699;
    --color-green: #a3dfb7;
    --color-green-surface: #213c2b;
    --color-green-border: #61886a;
    --color-green-solid: #246c40;
    --color-green-hover: #1c5934;
    --color-danger: #ffb4aa;
    --color-danger-surface: #492b28;
    --color-danger-border: #a16a63;
    --color-danger-solid: #a8433b;
    --color-danger-hover: #90372f;
    --color-amber: #f3d295;
    --color-amber-surface: #3b311e;
    --color-amber-border: #98804a;
    --color-amber-solid: #825b23;
    --color-amber-hover: #6c4818;
    --color-orange: #ffc2a5;
    --color-orange-surface: #442c22;
    --color-orange-border: #a57860;
    --color-orange-solid: #b7441b;
    --color-orange-hover: #983814;
    --color-surface-rgb: 24, 35, 30;
    --color-shadow-rgb: 0, 0, 0;
    --color-brand-rgb: 150, 220, 196;
    --color-overlay-rgb: 0, 0, 0;
    }
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --color-canvas: #101815;
    --color-surface: #18231e;
    --color-surface-subtle: #1e2c25;
    --color-surface-hover: #293c31;
    --color-text: #edf4ef;
    --color-text-muted: #bfcec4;
    --color-text-subtle: #b0c1b6;
    --color-border: #425c4c;
    --color-border-strong: #7e9b88;
    --color-inverse-surface: #33483b;
    --color-on-accent: #ffffff;
    --color-on-warning: #422006;
    --color-focus: #9be5cc;
    --color-selection: #315e4b;
    --color-selection-text: #effff6;
    --color-warning-fill: #fbbf24;
    --color-warning-fill-hover: #f59e0b;
    --color-brand: #96dcc4;
    --color-brand-surface: #203d30;
    --color-brand-border: #5b9279;
    --color-brand-solid: #236859;
    --color-brand-hover: #1b574a;
    --color-blue: #accaff;
    --color-blue-surface: #20334b;
    --color-blue-border: #52749b;
    --color-blue-solid: #245da3;
    --color-blue-hover: #1b4d88;
    --color-purple: #d4baff;
    --color-purple-surface: #342747;
    --color-purple-border: #84689e;
    --color-purple-solid: #7545b5;
    --color-purple-hover: #633699;
    --color-green: #a3dfb7;
    --color-green-surface: #213c2b;
    --color-green-border: #61886a;
    --color-green-solid: #246c40;
    --color-green-hover: #1c5934;
    --color-danger: #ffb4aa;
    --color-danger-surface: #492b28;
    --color-danger-border: #a16a63;
    --color-danger-solid: #a8433b;
    --color-danger-hover: #90372f;
    --color-amber: #f3d295;
    --color-amber-surface: #3b311e;
    --color-amber-border: #98804a;
    --color-amber-solid: #825b23;
    --color-amber-hover: #6c4818;
    --color-orange: #ffc2a5;
    --color-orange-surface: #442c22;
    --color-orange-border: #a57860;
    --color-orange-solid: #b7441b;
    --color-orange-hover: #983814;
    --color-surface-rgb: 24, 35, 30;
    --color-shadow-rgb: 0, 0, 0;
    --color-brand-rgb: 150, 220, 196;
    --color-overlay-rgb: 0, 0, 0;
}