:root { --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-7:1.75rem; --space-8:2rem; --space-10:2.5rem; --text-xs:.75rem; --text-sm:.95rem; --text-base:1rem; --text-lg:1.25rem; --text-xl:clamp(2.2rem,4vw,3.4rem); --radius-md:.75rem; --radius-lg:1rem; --radius-xl:1.5rem; --radius-full:999px; --content-narrow:64rem; --content-wide:88rem; --bg:#fcf6f3; --surface-card:#ffffff; --surface-muted:#faf7ff; --surface-blue:#eef7ff; --surface-green:#edf9ef; --surface-peach:#fff4ec; --surface-rose:#fff1f4; --text-strong:#2b2527; --text-body:#5d5559; --text-muted:#7b7277; --border-subtle:#ece3e6; --border-strong:#d9cfd4; --primary:#6f95c6; --primary-contrast:#ffffff; --success:#4e8667; --warning:#b87a31; --error:#b25771; --queue:#7a5cc2; --shadow-sm:0 10px 30px rgba(62,44,52,.06); --shadow-md:0 18px 44px rgba(62,44,52,.1); } [data-theme="dark"] { --bg:#171415; --surface-card:#211d1f; --surface-muted:#282325; --surface-blue:#1f2933; --surface-green:#1f3027; --surface-peach:#332620; --surface-rose:#33242a; --text-strong:#f8f3f5; --text-body:#d2c9cd; --text-muted:#ae9fa6; --border-subtle:#3b3336; --border-strong:#51484d; --primary:#7ca2d2; --primary-contrast:#111; --success:#8dcb9f; --warning:#e0b371; --error:#e389a1; --queue:#b6a0f5; }