:root{
--dt-sky:#0a0f24;--dt-surface:#151a3a;--dt-surface-raised:#1f2552;--dt-ink:#f4f1ea;--dt-ink-muted:#b9c0d8;--dt-lantern:#ffb547;--dt-pearl:#ede9f7;--dt-rose:#ff7a9a;--dt-teal:#5fd6c4;--dt-coral:#ff8a75;--dt-line:#7585b8;--dt-focus-ring:#ffd27a;--dt-overlay-scrim:rgba(5, 10, 25, 0.72);--dt-dusk:#161038;--dt-lilac:#d9b8ff;--dt-glass:rgba(255, 255, 255, 0.06);--dt-glass-line:rgba(255, 255, 255, 0.14);--dt-lantern-soft:rgba(255, 181, 71, 0.18);
--dt-font:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--dt-font-display:Newsreader, 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', 'URW Palladio L', Georgia, serif;
--dt-text-xs:14px;
--dt-text-sm:17px;
--dt-text-md:19px;
--dt-text-lg:21px;
--dt-text-xl:25px;
--dt-text-xxl:31px;
--dt-text-display:39px;
--dt-text-hero:52px;
--dt-leading-xs:20px;
--dt-leading-sm:26px;
--dt-leading-md:28px;
--dt-leading-lg:30px;
--dt-leading-xl:31px;
--dt-leading-xxl:37px;
--dt-leading-display:44px;
--dt-leading-hero:56px;
--dt-space-1:4px;
--dt-space-2:8px;
--dt-space-3:12px;
--dt-space-4:16px;
--dt-space-5:20px;
--dt-space-6:24px;
--dt-space-8:32px;
--dt-space-10:40px;
--dt-space-12:48px;
--dt-radius-md:12px;
--dt-radius-lg:20px;
--dt-radius-xl:28px;
--dt-radius-pill:9999px;
--dt-elevation-none:none;
--dt-elevation-low:0 1px 3px rgba(0, 0, 0, 0.4);
--dt-elevation-high:0 8px 24px rgba(0, 0, 0, 0.5);
--dt-elevation-card:0 18px 40px rgba(0, 0, 0, 0.42);
--dt-elevation-lantern:0 10px 28px rgba(255, 181, 71, 0.35);
--dt-duration-fast:120ms;
--dt-duration-base:200ms;
--dt-duration-slow:400ms;
--dt-easing:cubic-bezier(0.22, 0.61, 0.36, 1);
--dt-tap:44px;
--target:44px;
--target-primary:44px;
--dt-safe-top:env(safe-area-inset-top, 0px);
--dt-safe-right:env(safe-area-inset-right, 0px);
--dt-safe-bottom:env(safe-area-inset-bottom, 0px);
--dt-safe-left:env(safe-area-inset-left, 0px);
}