/* Dark theme. Applied with data-theme="dark" on or any subtree. Warm-dark, not blue-black: the neutrals keep their brown cast so blush and berry still sit naturally against them. */ [data-theme="dark"]{ --ink-900:#f7f4f1; --ink-800:#eae5e0; --ink-700:#d2cbc4; --ink-600:#b4aca4; --ink-500:#a09890; --ink-400:#857d76; --ink-300:#68605a; --ink-200:#4a433e; --neutral-000:#211d1b; --neutral-025:#262220; --neutral-050:#171413; --neutral-100:#2e2926; --neutral-200:#3a332f; --neutral-300:#4c443f; /* Blush is a large SURFACE, so in dark it has to go dark too — otherwise a bright pink slab floats in a near-black UI and the card composition inverts. The hue is kept; only the value drops. */ --blush-050:#241a18; --blush-100:#2e211e; --blush-200:#3a2925; --blush-300:#3a2925; --blush-400:#4d352f; --blush-500:#65463e; --berry-050:#2c1c23; --berry-100:#3c242e; --berry-200:#5a3442; --berry-500:#e392ae; --berry-600:#eba5bd; --berry-700:#f3bdcf; --berry-800:#f8d4e0; --green-050:#17251d; --green-600:#63b892; --green-700:#82c9a8; --amber-050:#2a1d11; --amber-600:#dd9757; --amber-700:#eab077; --plum-050:#231c2c; --plum-600:#b394d6; --plum-700:#c6ade3; --red-050:#2b1614; --red-600:#ef8178; --red-700:#f49d95; /* Primary action inverts: light ink plate on a dark ground. */ --text-on-accent:#1c1917; --text-on-brand:var(--ink-900); --surface-dark:#100e0d; --action-primary:var(--ink-900); --action-primary-hover:var(--ink-700); --action-primary-press:#ffffff; --action-primary-disabled:#3a332f; --action-danger:#d9584c; --border-accent:var(--ink-900); --feedback-info-border:#4d352f; --feedback-success-border:#274539; --feedback-warning-border:#4a3720; --feedback-danger-border:#4d2924; --shadow-xs:0 1px 2px rgba(0,0,0,.4); --shadow-sm:0 2px 4px rgba(0,0,0,.45); --shadow-md:0 6px 18px rgba(0,0,0,.45); --shadow-lg:0 18px 40px rgba(0,0,0,.55); --shadow-overlay:0 28px 70px rgba(0,0,0,.7); --ring-focus:0 0 0 3px rgba(235,165,189,.26); --ring-focus-danger:0 0 0 3px rgba(217,88,76,.28); color-scheme:dark; }