/* Direktly tokens, generated from tokens.json. Dark navy is the default; set data-theme="neutral" or "light" on <html>. */
:root {
  --font-sans: "Archivo", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --direktly-space-2: 2px;
  --direktly-space-4: 4px;
  --direktly-space-6: 6px;
  --direktly-space-8: 8px;
  --direktly-space-10: 10px;
  --direktly-space-12: 12px;
  --direktly-space-14: 14px;
  --direktly-space-16: 16px;
  --direktly-space-20: 20px;
  --direktly-space-24: 24px;
  --direktly-space-32: 32px;
  --direktly-space-48: 48px;
  --direktly-radius-chip: 6px;
  --direktly-radius-field: 8px;
  --direktly-radius-control: 10px;
  --direktly-radius-thumb: 12px;
  --direktly-radius-island: 16px;
  --direktly-radius-dialog: 20px;
  --direktly-radius-pill: 999px;
  --direktly-h-chip: 28px;
  --direktly-h-field: 32px;
  --direktly-h-tab: 36px;
  --direktly-h-control: 40px;
  --direktly-h-island: 44px;
  --direktly-shadow-none: none;
}
:root, [data-theme="dark"] {
  --direktly-bg: #16163F;
  --direktly-canvas: #1A1A47;
  --direktly-surface-1: #232359;
  --direktly-surface-2: #2C2C66;
  --direktly-surface-3: #363674;
  --direktly-ink: #F2F2EF;
  --direktly-muted: #B4B4D6;
  --direktly-accent: #66D9FF;
  --direktly-accent-text: #66D9FF;
  --direktly-on-accent: #16163F;
  --direktly-ok: #4ADE80;
  --direktly-err: #FF9A92;
  --direktly-on-err: #16163F;
  --direktly-avatar: #3E3E80;
  --direktly-dot: #2E2E68;
  --direktly-thumb-dot: #5A5AA6;
  --direktly-thumb-empty: #2C2C66;
  --direktly-scrim: rgba(6,6,24,0.62);
}
[data-theme="neutral"] {
  --direktly-bg: #0D0D0E;
  --direktly-canvas: #141416;
  --direktly-surface-1: #1C1C1F;
  --direktly-surface-2: #26262A;
  --direktly-surface-3: #2F2F34;
  --direktly-ink: #F2F2EF;
  --direktly-muted: #9A9AA0;
  --direktly-accent: #66D9FF;
  --direktly-accent-text: #66D9FF;
  --direktly-on-accent: #0D0D0E;
  --direktly-ok: #4ADE80;
  --direktly-err: #FF8A80;
  --direktly-on-err: #0D0D0E;
  --direktly-avatar: #3B3B40;
  --direktly-dot: #2E2E33;
  --direktly-thumb-dot: #55555E;
  --direktly-thumb-empty: #26262A;
  --direktly-scrim: rgba(0,0,0,0.62);
}
[data-theme="light"] {
  --direktly-bg: #F4F4F1;
  --direktly-canvas: #EAEAE6;
  --direktly-surface-1: #FFFFFF;
  --direktly-surface-2: #F0F0ED;
  --direktly-surface-3: #E3E3DF;
  --direktly-ink: #23235C;
  --direktly-muted: #5A5A86;
  --direktly-accent: #66D9FF;
  --direktly-accent-text: #00668C;
  --direktly-on-accent: #23235C;
  --direktly-ok: #17803D;
  --direktly-err: #C62828;
  --direktly-on-err: #FFFFFF;
  --direktly-avatar: #DCDCD7;
  --direktly-dot: #D6D6D0;
  --direktly-thumb-dot: #ADADA3;
  --direktly-thumb-empty: #E3E3DF;
  --direktly-scrim: rgba(20,20,20,0.32);
}
.dq-ground{background:var(--direktly-bg)}

:root{--relik-bg:var(--direktly-bg);--relik-canvas:var(--direktly-canvas);--relik-surface-1:var(--direktly-surface-1);--relik-surface-2:var(--direktly-surface-2);--relik-surface-3:var(--direktly-surface-3);--relik-ink:var(--direktly-ink);--relik-muted:var(--direktly-muted);--relik-accent:var(--direktly-accent);--relik-ok:var(--direktly-ok);--relik-err:var(--direktly-err);--relik-avatar:var(--direktly-avatar);--relik-dot:var(--direktly-dot);--relik-thumb-dot:var(--direktly-thumb-dot);--relik-accent-text:var(--direktly-accent-text);--relik-on-accent:var(--direktly-on-accent);--relik-on-err:var(--direktly-on-err);--relik-thumb-empty:var(--direktly-thumb-empty);--relik-ease:ease-out;--relik-motion-control:120ms;--relik-motion-enter:180ms;--relik-motion-exit:140ms;--relik-motion-panel:200ms;}