/* Leuria Pearl tokens. Copied from the Leuria Pearl design system (design_system/tokens.css, generated from tokens.json): update it there, then copy. Light = Pearl, dark = Night. */
:root, [data-theme="light"] {
  --pearl-1: #fcfcfe;
  --pearl-2: #f7f7fb;
  --pearl-3: #eef0f6;
  --pearl-4: #e7e9f2;
  --pearl-5: #dfe1ec;
  --pearl-6: #d6d8e5;
  --pearl-7: #c9ccdc;
  --pearl-8: #b4b8cd;
  --pearl-9: #7c7f92;
  --pearl-10: #707386;
  --pearl-11: #5f6275;
  --pearl-12: #1d2035;
  --lavender-1: #fcfcff;
  --lavender-2: #f7f7fe;
  --lavender-3: #efeefe;
  --lavender-4: #e9e6ff;
  --lavender-5: #e1defe;
  --lavender-6: #d8d3ff;
  --lavender-7: #ccc5ff;
  --lavender-8: #b8acfe;
  --lavender-9: #8169dd;
  --lavender-10: #765dce;
  --lavender-11: #654db6;
  --lavender-12: #231649;
  --ice-1: #fafdff;
  --ice-2: #f0f9ff;
  --ice-3: #e0f4ff;
  --ice-4: #d2effe;
  --ice-5: #c2e9fe;
  --ice-6: #ace2ff;
  --ice-7: #93d8fb;
  --ice-8: #6dc5f1;
  --ice-9: #078cbc;
  --ice-10: #017fab;
  --ice-11: #006c93;
  --ice-12: #012535;
  --sage-1: #f9fefb;
  --sage-2: #effbf5;
  --sage-3: #def7ea;
  --sage-4: #cef4e0;
  --sage-5: #beefd5;
  --sage-6: #ade9ca;
  --sage-7: #96e0bb;
  --sage-8: #6ed0a2;
  --sage-9: #019163;
  --sage-10: #028359;
  --sage-11: #006c49;
  --sage-12: #012919;
  --ochre-1: #fefcfa;
  --ochre-2: #fff6ec;
  --ochre-3: #ffedd9;
  --ochre-4: #ffe5c6;
  --ochre-5: #ffdbb1;
  --ochre-6: #ffd096;
  --ochre-7: #fac17a;
  --ochre-8: #ecaa51;
  --ochre-9: #e49921;
  --ochre-10: #d58d16;
  --ochre-11: #885703;
  --ochre-12: #311d00;
  --clay-1: #fefcfb;
  --clay-2: #fef6f4;
  --clay-3: #feebe7;
  --clay-4: #fee2dc;
  --clay-5: #fed8d0;
  --clay-6: #fecbc1;
  --clay-7: #febaac;
  --clay-8: #ff9a86;
  --clay-9: #ce533e;
  --clay-10: #be4935;
  --clay-11: #9d3725;
  --clay-12: #3d110a;
  --ink: #14172b;
  --ink-hover: #262a45;
  --on-ink: #ffffff;
  --bg: var(--pearl-1);
  --surface: #ffffff;
  --surface-sunken: var(--pearl-2);
  --surface-translucent: rgba(255, 255, 255, 0.72);
  --border: var(--pearl-6);
  --border-strong: var(--pearl-8);
  --border-control: var(--pearl-9);
  --text: var(--pearl-12);
  --text-muted: var(--pearl-11);
  --accent: var(--lavender-9);
  --accent-soft: var(--lavender-3);
  --accent-text: var(--lavender-11);
  --focus: var(--lavender-9);
  --live: var(--sage-9);
  --live-soft: var(--sage-3);
  --live-text: var(--sage-11);
  --pending: var(--ochre-9);
  --pending-soft: var(--ochre-3);
  --pending-text: var(--ochre-11);
  --blocked: var(--clay-9);
  --blocked-soft: var(--clay-3);
  --blocked-text: var(--clay-11);
  --info: var(--ice-9);
  --info-soft: var(--ice-3);
  --info-text: var(--ice-11);
  --atmo-base: #eef0f7;
  --atmo-lavender: #d9d0ff;
  --atmo-ice: #cde8f7;
  --atmo-mint: #d3f3e6;
  --atmo-blush: #f9dce6;
  --shadow-1: 0 1px 2px rgba(20, 23, 43, 0.06);
  --shadow-2: 0 2px 8px -2px rgba(20, 23, 43, 0.08), 0 1px 2px rgba(20, 23, 43, 0.05);
  --shadow-3: 0 12px 28px -14px rgba(20, 23, 43, 0.22);
  --shadow-4: 0 16px 36px -10px rgba(20, 23, 43, 0.24), 0 0 0 1px rgba(20, 23, 43, 0.04);
  --shadow-5: 0 32px 72px -20px rgba(20, 23, 43, 0.35), 0 0 0 1px rgba(20, 23, 43, 0.05);
}
[data-theme="dark"] {
  color-scheme: dark;
  --pearl-1: #0d0e13;
  --pearl-2: #13141a;
  --pearl-3: #1c1d26;
  --pearl-4: #23242f;
  --pearl-5: #2a2c38;
  --pearl-6: #323443;
  --pearl-7: #404254;
  --pearl-8: #53566b;
  --pearl-9: #7c7f92;
  --pearl-10: #8a8ea2;
  --pearl-11: #babdcb;
  --pearl-12: #ebecf2;
  --lavender-1: #0e0c18;
  --lavender-2: #151224;
  --lavender-3: #1e1936;
  --lavender-4: #251e44;
  --lavender-5: #2d2352;
  --lavender-6: #362a62;
  --lavender-7: #44367a;
  --lavender-8: #59459f;
  --lavender-9: #8169dd;
  --lavender-10: #907aeb;
  --lavender-11: #bcb2ff;
  --lavender-12: #eceaff;
  --ice-1: #061016;
  --ice-2: #07171f;
  --ice-3: #022130;
  --ice-4: #00293b;
  --ice-5: #003145;
  --ice-6: #023b51;
  --ice-7: #014a66;
  --ice-8: #036083;
  --ice-9: #078cbc;
  --ice-10: #2a9bcb;
  --ice-11: #77c9f3;
  --ice-12: #d9f1fe;
  --sage-1: #06110c;
  --sage-2: #081911;
  --sage-3: #052517;
  --sage-4: #002e1c;
  --sage-5: #013622;
  --sage-6: #01402a;
  --sage-7: #015136;
  --sage-8: #036946;
  --sage-9: #19a572;
  --sage-10: #3bb482;
  --sage-11: #77d4a8;
  --sage-12: #d6f6e5;
  --ochre-1: #140d05;
  --ochre-2: #1d1305;
  --ochre-3: #2c1900;
  --ochre-4: #362001;
  --ochre-5: #3f2701;
  --ochre-6: #4b2e01;
  --ochre-7: #5e3b02;
  --ochre-8: #794e03;
  --ochre-9: #dd9314;
  --ochre-10: #ce8703;
  --ochre-11: #f4b768;
  --ochre-12: #fee9d0;
  --clay-1: #160b09;
  --clay-2: #21100c;
  --clay-3: #32140e;
  --clay-4: #3f1710;
  --clay-5: #4c1b12;
  --clay-6: #5a2016;
  --clay-7: #702a1e;
  --clay-8: #913727;
  --clay-9: #ce533e;
  --clay-10: #dd654f;
  --clay-11: #fea28f;
  --clay-12: #fee7e2;
  --ink: #eef0f7;
  --ink-hover: #d9dcea;
  --on-ink: #14172b;
  --bg: var(--pearl-1);
  --surface: var(--pearl-2);
  --surface-sunken: var(--pearl-1);
  --surface-translucent: rgba(21, 22, 30, 0.72);
  --border: var(--pearl-6);
  --border-strong: var(--pearl-7);
  --border-control: var(--pearl-9);
  --text: var(--pearl-12);
  --text-muted: var(--pearl-11);
  --accent: var(--lavender-9);
  --accent-soft: var(--lavender-4);
  --accent-text: var(--lavender-11);
  --focus: var(--lavender-10);
  --live: var(--sage-9);
  --live-soft: var(--sage-4);
  --live-text: var(--sage-11);
  --pending: var(--ochre-9);
  --pending-soft: var(--ochre-4);
  --pending-text: var(--ochre-11);
  --blocked: var(--clay-9);
  --blocked-soft: var(--clay-4);
  --blocked-text: var(--clay-11);
  --info: var(--ice-9);
  --info-soft: var(--ice-4);
  --info-text: var(--ice-11);
  --atmo-base: #0f1120;
  --atmo-lavender: #2a2548;
  --atmo-ice: #183040;
  --atmo-mint: #183329;
  --atmo-blush: #3a2231;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 2px 8px -2px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-3: 0 12px 28px -14px rgba(0, 0, 0, 0.6);
  --shadow-4: 0 16px 36px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --shadow-5: 0 32px 72px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --pearl-1: #0d0e13;
    --pearl-2: #13141a;
    --pearl-3: #1c1d26;
    --pearl-4: #23242f;
    --pearl-5: #2a2c38;
    --pearl-6: #323443;
    --pearl-7: #404254;
    --pearl-8: #53566b;
    --pearl-9: #7c7f92;
    --pearl-10: #8a8ea2;
    --pearl-11: #babdcb;
    --pearl-12: #ebecf2;
    --lavender-1: #0e0c18;
    --lavender-2: #151224;
    --lavender-3: #1e1936;
    --lavender-4: #251e44;
    --lavender-5: #2d2352;
    --lavender-6: #362a62;
    --lavender-7: #44367a;
    --lavender-8: #59459f;
    --lavender-9: #8169dd;
    --lavender-10: #907aeb;
    --lavender-11: #bcb2ff;
    --lavender-12: #eceaff;
    --ice-1: #061016;
    --ice-2: #07171f;
    --ice-3: #022130;
    --ice-4: #00293b;
    --ice-5: #003145;
    --ice-6: #023b51;
    --ice-7: #014a66;
    --ice-8: #036083;
    --ice-9: #078cbc;
    --ice-10: #2a9bcb;
    --ice-11: #77c9f3;
    --ice-12: #d9f1fe;
    --sage-1: #06110c;
    --sage-2: #081911;
    --sage-3: #052517;
    --sage-4: #002e1c;
    --sage-5: #013622;
    --sage-6: #01402a;
    --sage-7: #015136;
    --sage-8: #036946;
    --sage-9: #19a572;
    --sage-10: #3bb482;
    --sage-11: #77d4a8;
    --sage-12: #d6f6e5;
    --ochre-1: #140d05;
    --ochre-2: #1d1305;
    --ochre-3: #2c1900;
    --ochre-4: #362001;
    --ochre-5: #3f2701;
    --ochre-6: #4b2e01;
    --ochre-7: #5e3b02;
    --ochre-8: #794e03;
    --ochre-9: #dd9314;
    --ochre-10: #ce8703;
    --ochre-11: #f4b768;
    --ochre-12: #fee9d0;
    --clay-1: #160b09;
    --clay-2: #21100c;
    --clay-3: #32140e;
    --clay-4: #3f1710;
    --clay-5: #4c1b12;
    --clay-6: #5a2016;
    --clay-7: #702a1e;
    --clay-8: #913727;
    --clay-9: #ce533e;
    --clay-10: #dd654f;
    --clay-11: #fea28f;
    --clay-12: #fee7e2;
    --ink: #eef0f7;
    --ink-hover: #d9dcea;
    --on-ink: #14172b;
    --bg: var(--pearl-1);
    --surface: var(--pearl-2);
    --surface-sunken: var(--pearl-1);
    --surface-translucent: rgba(21, 22, 30, 0.72);
    --border: var(--pearl-6);
    --border-strong: var(--pearl-7);
    --border-control: var(--pearl-9);
    --text: var(--pearl-12);
    --text-muted: var(--pearl-11);
    --accent: var(--lavender-9);
    --accent-soft: var(--lavender-4);
    --accent-text: var(--lavender-11);
    --focus: var(--lavender-10);
    --live: var(--sage-9);
    --live-soft: var(--sage-4);
    --live-text: var(--sage-11);
    --pending: var(--ochre-9);
    --pending-soft: var(--ochre-4);
    --pending-text: var(--ochre-11);
    --blocked: var(--clay-9);
    --blocked-soft: var(--clay-4);
    --blocked-text: var(--clay-11);
    --info: var(--ice-9);
    --info-soft: var(--ice-4);
    --info-text: var(--ice-11);
    --atmo-base: #0f1120;
    --atmo-lavender: #2a2548;
    --atmo-ice: #183040;
    --atmo-mint: #183329;
    --atmo-blush: #3a2231;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-2: 0 2px 8px -2px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-3: 0 12px 28px -14px rgba(0, 0, 0, 0.6);
    --shadow-4: 0 16px 36px -10px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06);
    --shadow-5: 0 32px 72px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.08);
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 16px;
  --radius-5: 24px;
  --radius-6: 32px;
  --radius-full: 9999px;
  --target-min: 44px;
  --target-primary: 48px;
  --timing-instant: 100ms;
  --timing-fast: 160ms;
  --timing-base: 240ms;
  --timing-doherty: 400ms;
  --easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.display { font-family: var(--font-sans); font-size: 60px; line-height: 60px; font-weight: 800; letter-spacing: -0.04em; }
.heading-1 { font-family: var(--font-sans); font-size: 35px; line-height: 40px; font-weight: 700; letter-spacing: -0.03em; }
.heading-2 { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 700; letter-spacing: -0.025em; }
.heading-3 { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.02em; }
.title { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.01em; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.12em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }