@layer reset, tokens, base, components, widgets, utilities;
@layer tokens {
  :root {
    --sleek-body-background-color: #030712;
    --sleek-surface-background-color: #0a0a0a;
    --sleek-surface-shade-background-color: #171717;
    --sleek-surface-border-color: #292524;
    --sleek-surface-border-color-subtle: #1c1917;
    --sleek-surface-highlight-border-color: #3598dc;
    --sleek-field-background-color: #0a0a0a;
    --sleek-field-border-color: #44403c;
    --sleek-field-focus-border-color: #3598dc;
    --sleek-field-focus-glow-color: #0f3b59;
    --sleek-field-disabled-background-color: #292524;
    --sleek-field-disabled-color: #a8a29e;
    --sleek-field-disabled-focus-border-color: #57534e;
    --sleek-field-disabled-focus-glow-color: #1c1917;
    --sleek-field-invalid-border-color: #ef4444;
    --sleek-field-invalid-focus-border-color: #f87171;
    --sleek-field-invalid-focus-glow-color: #991b1b;
    --sleek-button-default-background-color: #262626;
    --sleek-button-default-border-color: #404040;
    --sleek-button-default-color: rgba(255, 255, 255, 0.9);
    --sleek-button-default-hover-border-color: #737373;
    --sleek-button-default-hover-color: rgba(255, 255, 255, 0.9);
    --sleek-button-default-hover-shadow-color: #404040;
    --sleek-button-default-focus-shadow-color: #404040;
    --sleek-button-default-active-background-color: #262626;
    --sleek-button-default-active-border-color: #d4d4d4;
    --sleek-button-default-active-color: rgba(255, 255, 255, 0.9);
    --sleek-button-default-active-shadow-color: #404040;
    --sleek-button-blue-background-color: #3598dc;
    --sleek-button-blue-border-color: #5cace3;
    --sleek-button-blue-color: rgba(255, 255, 255, 0.9);
    --sleek-button-blue-hover-border-color: #aad4f0;
    --sleek-button-blue-hover-color: rgba(255, 255, 255, 0.9);
    --sleek-button-blue-hover-shadow-color: #5cace3;
    --sleek-button-blue-focus-shadow-color: #5cace3;
    --sleek-button-blue-active-background-color: #3598dc;
    --sleek-button-blue-active-border-color: #e5f2fb;
    --sleek-button-blue-active-color: rgba(255, 255, 255, 0.9);
    --sleek-button-blue-active-shadow-color: #5cace3;
    --sleek-button-blue-faint-background-color: #0f172a;
    --sleek-button-blue-faint-border-color: #0f3b59;
    --sleek-pill-active-background-color: #030c12;
    --sleek-pill-active-border-color: #0f3b59;
    --sleek-pill-active-color: #83c0ea;
    --sleek-button-simple-background-color: #0a0a0a;
    --sleek-button-simple-border-color: #262626;
    --sleek-button-simple-color: rgba(255, 255, 255, 0.9);
    --sleek-button-simple-hover-border-color: #525252;
    --sleek-button-simple-hover-color: rgba(255, 255, 255, 0.9);
    --sleek-button-simple-hover-shadow-color: #262626;
    --sleek-button-simple-focus-shadow-color: #262626;
    --sleek-button-simple-active-background-color: #0a0a0a;
    --sleek-button-simple-active-border-color: #e5e5e5;
    --sleek-button-simple-active-color: rgba(255, 255, 255, 0.9);
    --sleek-button-simple-active-shadow-color: #262626;
    --sleek-button-red-background-color: #ef4444;
    --sleek-button-red-border-color: #f87171;
    --sleek-button-red-color: rgba(255, 255, 255, 0.9);
    --sleek-button-red-hover-border-color: #fecaca;
    --sleek-button-red-hover-color: rgba(255, 255, 255, 0.9);
    --sleek-button-red-hover-shadow-color: #f87171;
    --sleek-button-red-focus-shadow-color: #f87171;
    --sleek-button-red-active-background-color: #ef4444;
    --sleek-button-red-active-border-color: #fef2f2;
    --sleek-button-red-active-color: rgba(255, 255, 255, 0.9);
    --sleek-button-red-active-shadow-color: #f87171;
    --sleek-button-green-background-color: #22c55e;
    --sleek-button-green-border-color: #4ade80;
    --sleek-button-green-color: rgba(255, 255, 255, 0.9);
    --sleek-button-green-hover-border-color: #bbf7d0;
    --sleek-button-green-hover-color: rgba(255, 255, 255, 0.9);
    --sleek-button-green-hover-shadow-color: #4ade80;
    --sleek-button-green-focus-shadow-color: #4ade80;
    --sleek-button-green-active-background-color: #22c55e;
    --sleek-button-green-active-border-color: #f0fdf4;
    --sleek-button-green-active-color: rgba(255, 255, 255, 0.9);
    --sleek-button-green-active-shadow-color: #4ade80;
    --sleek-button-subtle-hover-border-color: #525252;
    --sleek-table-border-color: #1c1917;
    --sleek-table-row-hover-border-color: #3598dc;
    --sleek-table-row-shade-background-color: #0f172a;
    --sleek-alert-default-background-color: rgb(1.575, 2.1375, 2.7);
    --sleek-alert-default-border-color: rgb(31.5, 42.75, 54);
    --sleek-alert-link-default-hover-border-color: rgb(47.1394736842, 63.975, 80.8105263158);
    --sleek-alert-blue-background-color: #030c12;
    --sleek-alert-blue-border-color: #185b89;
    --sleek-alert-link-blue-hover-border-color: #3598dc;
    --sleek-alert-green-background-color: #052e16;
    --sleek-alert-green-border-color: #15803d;
    --sleek-alert-link-green-hover-border-color: #22c55e;
    --sleek-alert-red-background-color: #450a0a;
    --sleek-alert-red-border-color: #b91c1c;
    --sleek-alert-link-red-hover-border-color: #ef4444;
    --sleek-alert-orange-background-color: #431407;
    --sleek-alert-orange-border-color: #c2410c;
    --sleek-alert-link-orange-hover-border-color: #f97316;
    --sleek-alert-subtle-color: #d6d3d1;
    --sleek-label-default-background-color: #44403c;
    --sleek-label-default-color: #e7e5e4;
    --sleek-label-blue-background-color: #071b29;
    --sleek-label-blue-color: #aad4f0;
    --sleek-label-green-background-color: #14532d;
    --sleek-label-green-color: #bbf7d0;
    --sleek-label-red-background-color: #7f1d1d;
    --sleek-label-red-color: #fecaca;
    --sleek-label-orange-background-color: #7c2d12;
    --sleek-label-orange-color: #fed7aa;
    --sleek-text-default-color: rgba(250, 250, 249, 0.9);
    --sleek-text-muted-color: #a8a29e;
    --sleek-link-color: #7dd3fc;
    --sleek-link-hover-color: #e0f2fe;
    --sleek-link-muted-color: rgba(255, 255, 255, 0.7);
    --sleek-link-muted-hover-color: rgba(255, 255, 255, 0.9);
    --sleek-progress-background-color: #292524;
    --sleek-divider-border-color: #292524;
    --sleek-background-color-dark: rgba(250, 250, 249, 0.9);
    --sleek-background-color-blue: #3598dc;
    --sleek-background-color-green: #22c55e;
    --sleek-background-color-red: #ef4444;
    --sleek-background-color-orange: #f97316;
    --sleek-border-color-dark: rgba(250, 250, 249, 0.9);
    --sleek-border-color-blue: #3598dc;
    --sleek-border-color-green: #22c55e;
    --sleek-border-color-red: #ef4444;
    --sleek-border-color-orange: #f97316;
    --sleek-shadow-color-0: rgb(27.3, 24.375, 22.425);
    --sleek-shadow-color-1: rgba(26.6, 23.75, 21.85, 0.5);
    --sleek-shadow-color-2: rgba(25.2, 22.5, 20.7, 0.5);
    --sleek-shadow-color-3: rgba(23.8, 21.25, 19.55, 0.5);
    --sleek-shadow-color-5: rgba(22.4, 20, 18.4, 0.5);
    --sleek-shadow-color-7: rgba(21, 18.75, 17.25, 0.5);
  }
}
@layer components {
  :root {
    --sleek-site-pmenu-item-hover-background-color: #0f172a;
    --sleek-site-pmenu-item-label-background-color: rgba(248, 113, 113, 0.75);
    --sleek-site-pmenu-item-label-color: rgba(255, 255, 255, 0.9);
  }
}
@layer components {
  :root {
    --sleek-pnav-menu-item-hover-background-color: #0f172a;
  }
}
@layer widgets {
  :root {
    --sleek-dropdown-item-hover-background-color: #0f172a;
    --sleek-dropdown-divider-border-color: #0f172a;
  }
}
@layer widgets {
  :root {
    --sleek-handle-default-color: #cbd5e1;
    --sleek-handle-sss-color: #fda4af;
    --sleek-handle-ss-color: #fcd34d;
    --sleek-handle-s-color: #fde047;
    --sleek-handle-a-color: #fde047;
    --sleek-handle-b-color: #bef264;
    --sleek-handle-c-color: #7dd3fc;
    --sleek-handle-e-color: #c4b5fd;
    --sleek-handle-default-background-color: rgba(15, 23, 42, 0.75);
    --sleek-handle-sss-background-color: rgba(136, 19, 55, 0.75);
    --sleek-handle-ss-background-color: rgba(120, 53, 15, 0.75);
    --sleek-handle-s-background-color: rgba(113, 63, 18, 0.75);
    --sleek-handle-a-background-color: rgba(113, 63, 18, 0.75);
    --sleek-handle-b-background-color: rgba(54, 83, 20, 0.75);
    --sleek-handle-c-background-color: rgba(12, 74, 110, 0.75);
    --sleek-handle-e-background-color: rgba(76, 29, 149, 0.75);
    --sleek-handle-default-hover-color: #e2e8f0;
    --sleek-handle-sss-hover-color: #fecdd3;
    --sleek-handle-ss-hover-color: #fde68a;
    --sleek-handle-s-hover-color: #fef08a;
    --sleek-handle-a-hover-color: #fef08a;
    --sleek-handle-b-hover-color: #d9f99d;
    --sleek-handle-c-hover-color: #bae6fd;
    --sleek-handle-e-hover-color: #ddd6fe;
    --sleek-handle-default-hover-background-color: rgba(30, 41, 59, 0.75);
    --sleek-handle-sss-hover-background-color: rgba(159, 18, 57, 0.75);
    --sleek-handle-ss-hover-background-color: rgba(146, 64, 14, 0.75);
    --sleek-handle-s-hover-background-color: rgba(133, 77, 14, 0.75);
    --sleek-handle-a-hover-background-color: rgba(133, 77, 14, 0.75);
    --sleek-handle-b-hover-background-color: rgba(63, 98, 18, 0.75);
    --sleek-handle-c-hover-background-color: rgba(7, 89, 133, 0.75);
    --sleek-handle-e-hover-background-color: rgba(91, 33, 182, 0.75);
  }
}
@layer widgets {}

/*# sourceMappingURL=darkmode.css.map */
