/* wwwroot/css/showcase-themes.css — Showcase palette tokens.
   Global (not scoped) so the same tokens apply across the page and the dialogs.
   Base defines the default cream palette; .sc-theme-* override the palette.
   All palettes are light (dark text on white cards) so contrast is always safe. */

.sc-root,
.sc-customer,
.sc-detail,
.sc-pin {
    --paper: #faf6ee;
    --paper-deep: #f3ebd9;
    --paper-soft: #f7f1e3;
    --ink: #2a1a0e;
    --ink-soft: #6b5746;
    --ink-faint: #a89880;
    --line: #e8ddc6;
    --line-strong: #d4c5a8;
    --gold: #a8896a;
    --gold-deep: #735840;
    --burgundy: #8b3a40;
}

/* Cream (default) */
.sc-theme-paper {
    --paper: #faf6ee; --paper-deep: #f3ebd9; --paper-soft: #f7f1e3;
    --ink: #2a1a0e; --ink-soft: #6b5746; --ink-faint: #a89880;
    --line: #e8ddc6; --line-strong: #d4c5a8;
    --gold: #a8896a; --gold-deep: #735840;
}

/* Rose */
.sc-theme-rose {
    --paper: #fbf3f3; --paper-deep: #f3e1e2; --paper-soft: #f9ecec;
    --ink: #2e1a1c; --ink-soft: #6e5052; --ink-faint: #b29a9c;
    --line: #efdcdd; --line-strong: #e0c2c4;
    --gold: #b9788a; --gold-deep: #8d4f63;
}

/* Sage */
.sc-theme-sage {
    --paper: #f3f6f0; --paper-deep: #e1ebdc; --paper-soft: #edf2e8;
    --ink: #1f2a1c; --ink-soft: #4f5e48; --ink-faint: #9aa890;
    --line: #dde7d6; --line-strong: #c4d2b9;
    --gold: #7d9a5e; --gold-deep: #56723c;
}

/* Slate */
.sc-theme-slate {
    --paper: #f1f4f7; --paper-deep: #dde4ec; --paper-soft: #e9eef3;
    --ink: #1b2530; --ink-soft: #495766; --ink-faint: #93a2b2;
    --line: #d7e0e9; --line-strong: #bccad8;
    --gold: #5f7d9a; --gold-deep: #3d566f;
}

/* Honey (warm amber/yellow) */
.sc-theme-honey {
    --paper: #fbf6e6; --paper-deep: #f3e7c4; --paper-soft: #f8efd6;
    --ink: #2c2410; --ink-soft: #6e5f33; --ink-faint: #b3a575;
    --line: #ece0c0; --line-strong: #dcca97;
    --gold: #c9a227; --gold-deep: #9a7b14;
}

/* Stone (neutral grey) */
.sc-theme-stone {
    --paper: #f4f3f1; --paper-deep: #e6e4e0; --paper-soft: #eeece9;
    --ink: #26241f; --ink-soft: #5c574e; --ink-faint: #a39d92;
    --line: #e2dfd9; --line-strong: #cbc6bd;
    --gold: #8a8377; --gold-deep: #5f594d;
}