.dt-palette{--dt-white:#fff;--dt-offwhite:#f5f7f3;--dt-ink:#121d1a;--dt-green-dark:#152b28;--dt-green-deep:#285a45;--dt-green-mid:#517e60;--dt-green-soft:#82a488;--dt-green-light:#b9d5b7;--dt-green-pale:#eef3ec;--dt-line:color-mix(in oklch, var(--dt-green-light) 72%, var(--dt-green-mid));--dt-accent:var(--dt-green-deep);--dt-accent-on-dark:var(--dt-green-light);--dt-stage:var(--dt-green-light);--dt-tint-strong:color-mix(in oklch, var(--dt-green-light) 92%, transparent);--dt-tint-medium:color-mix(in oklch, var(--dt-green-light) 72%, transparent);--dt-tint-soft:color-mix(in oklch, var(--dt-green-light) 48%, transparent);--dt-tint-mist:color-mix(in oklch, var(--dt-green-light) 28%, transparent);--dt-surface:var(--dt-white);--dt-canvas:var(--dt-offwhite);--dt-track:var(--dt-green-pale);--dt-accent-strong:var(--dt-green-dark);--dt-on-accent:#f5f7f3;--dt-data-1:var(--dt-green-deep);--dt-data-2:var(--dt-green-mid);--dt-data-3:var(--dt-green-soft);--foreground:var(--dt-ink);--card-foreground:var(--dt-ink);--primary:var(--dt-green-dark);--primary-foreground:#f5f7f3;--secondary:#e4eee1;--secondary-foreground:var(--dt-green-dark);--muted:var(--dt-offwhite);--muted-foreground:#5f6b66;--accent:var(--dt-green-pale);--accent-foreground:var(--dt-green-dark);--border:#cbdac7;--ring:var(--dt-green-soft)}.dark .dt-palette{--dt-bg:#0e1614;--dt-muted-fg:#9aaca2;--dt-surface:#16221e;--dt-canvas:#111c19;--dt-track:color-mix(in oklch, var(--dt-green-light) 12%, transparent);--dt-line:color-mix(in oklch, var(--dt-green-light) 18%, transparent);--dt-accent:var(--dt-green-light);--dt-accent-strong:#d3e6d1;--dt-on-accent:var(--dt-green-dark);--dt-data-1:var(--dt-green-light);--dt-data-2:var(--dt-green-soft);--dt-data-3:var(--dt-green-mid);--dt-tint-strong:color-mix(in oklch, var(--dt-green-light) 16%, transparent);--dt-tint-medium:color-mix(in oklch, var(--dt-green-light) 13%, transparent);--dt-tint-soft:color-mix(in oklch, var(--dt-green-light) 11%, transparent);--dt-tint-mist:color-mix(in oklch, var(--dt-green-light) 6%, transparent);--background:var(--dt-bg);--foreground:#e3ebe4;--card:var(--dt-surface);--card-foreground:#e3ebe4;--popover:var(--dt-surface);--popover-foreground:#e3ebe4;--primary:#173430;--primary-foreground:#f5f7f3;--secondary:#e4eee1;--secondary-foreground:var(--dt-green-dark);--muted:#16211e;--muted-foreground:var(--dt-muted-fg);--accent:color-mix(in oklch, var(--dt-green-light) 10%, transparent);--accent-foreground:#e3ebe4;--border:color-mix(in oklch, var(--dt-green-light) 14%, transparent);--input:color-mix(in oklch, var(--dt-green-light) 20%, transparent);--ring:var(--dt-green-soft)}.dark body:has(.dt-palette){background-color:#0e1614}.dt-palette [data-slot=button].bg-primary{background-color:var(--dt-green-deep)}.dt-palette [data-slot=button].bg-primary:hover{background-color:color-mix(in oklch, var(--dt-green-deep) 88%, black)}.dark .dt-palette [data-slot=locale-option][aria-current=true]{background-color:var(--dt-green-deep)}.dt-surface-tint,.dt-stage-light,.dt-stage-soft,.dt-fade-tint{--muted-foreground:#4b5752}.dt-surface-tint{background-color:var(--dt-tint-strong)}.dt-stage-light{background-color:var(--dt-green-light);background-image:radial-gradient(ellipse 70% 55% at 50% 0%, oklch(100% 5.96046e-8 none/.55), transparent 70%), linear-gradient(to bottom, transparent 60%, color-mix(in oklch, var(--dt-green-mid) 12%, transparent))}.dt-stage-soft{background-color:color-mix(in oklch, var(--dt-green-light) 68%, white);background-image:radial-gradient(70% 55% at 50% 0,oklch(100% 5.96046e-8 none/.6),#0000 70%)}.dt-fade-tint{background-image:linear-gradient(to bottom, color-mix(in oklch, var(--dt-green-light) 90%, white) 0%, color-mix(in oklch, var(--dt-green-light) 70%, white) 45%, color-mix(in oklch, var(--dt-green-light) 40%, white) 80%, color-mix(in oklch, var(--dt-green-light) 28%, white) 100%)}.dt-flow-stage{background-image:linear-gradient(to bottom, color-mix(in oklch, var(--dt-green-light) 62%, white) 0%, color-mix(in oklch, var(--dt-green-light) 55%, white) 55%, color-mix(in oklch, var(--dt-green-light) 32%, white) 82%, white 100%);--muted-foreground:#4b5752}.dt-module{background-color:var(--dt-white);border:1.5px solid var(--dt-green-deep);box-shadow:0 1px 2px #121d1a0d,0 18px 44px -30px #121d1a66}.dt-module-final{border:2px solid var(--dt-green-dark);border-top-width:6px;box-shadow:0 1px 2px #121d1a0f,0 26px 56px -30px #121d1a80}.dark .dt-surface-tint,.dark .dt-stage-light,.dark .dt-stage-soft,.dark .dt-fade-tint,.dark .dt-flow-stage{--muted-foreground:var(--dt-muted-fg)}.dark .dt-surface-tint{background-color:color-mix(in srgb, var(--dt-green-soft) 10%, var(--dt-bg))}.dark .dt-stage-light,.dark .dt-stage-soft{background-color:color-mix(in srgb, var(--dt-green-soft) 10%, var(--dt-bg));background-image:radial-gradient(ellipse 70% 55% at 50% 0%, color-mix(in oklch, var(--dt-green-light) 9%, transparent), transparent 70%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--dt-green-light) 10%, transparent), inset 0 -1px 0 color-mix(in oklch, var(--dt-green-light) 6%, transparent)}.dark .dt-fade-tint{background-image:linear-gradient(to bottom, color-mix(in srgb, var(--dt-green-soft) 12%, var(--dt-bg)) 0%, color-mix(in srgb, var(--dt-green-soft) 8%, var(--dt-bg)) 45%, color-mix(in srgb, var(--dt-green-soft) 4%, var(--dt-bg)) 80%, var(--dt-bg) 100%)}.dark .dt-flow-stage{background-image:linear-gradient(to bottom, color-mix(in srgb, var(--dt-green-soft) 12%, var(--dt-bg)) 0%, color-mix(in srgb, var(--dt-green-soft) 10%, var(--dt-bg)) 55%, color-mix(in srgb, var(--dt-green-soft) 5%, var(--dt-bg)) 82%, var(--dt-bg) 100%)}.dark .dt-module{background-color:var(--dt-surface);border-color:color-mix(in oklch, var(--dt-green-soft) 45%, transparent);box-shadow:0 1px 2px #0000004d,0 18px 44px -30px #000c}.dark .dt-module-final{border-color:var(--dt-green-mid);border-top-color:var(--dt-green-light);box-shadow:0 0 0 6px color-mix(in oklch, var(--dt-green-light) 5%, transparent), 0 26px 56px -30px #000000e6}.dark .dt-stage-forest{background-image:radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in oklch, var(--dt-green-mid) 22%, transparent), transparent 70%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--dt-green-light) 22%, transparent), inset 0 -1px 0 color-mix(in oklch, var(--dt-green-light) 12%, transparent)}.dark .dt-mark{filter:brightness(2.2)saturate(.85)}