:root {
  --ty-layout-header-height: 60px;
  --ty-layout-header-bg: var(--ty-color-bg-layout);
  --ty-layout-footer-padding: 24px 50px;
  --ty-layout-footer-bg: var(--ty-color-bg-layout);
  --ty-layout-content-bg: var(--ty-color-bg-layout);
  --ty-layout-sidebar-bg: #12131a;
  --ty-layout-sidebar-light-bg: var(--ty-color-bg-container);
  --ty-layout-sidebar-light-color: #333;
  --ty-layout-sidebar-light-trigger-bg: #efefef;
  --ty-layout-sidebar-light-trigger-icon: #bbb;
  --ty-layout-sidebar-trigger-bg: rgb(0, 33, 64);
  --ty-layout-sidebar-color: #fff;
  --ty-layout-sidebar-transition-duration: 200ms;
  --ty-layout-sidebar-trigger-height: 40px;
}

[data-tiny-theme='dark'] {
  --ty-layout-header-height: 60px;
  --ty-layout-header-bg: var(--ty-color-bg-layout);
  --ty-layout-footer-padding: 24px 50px;
  --ty-layout-footer-bg: var(--ty-color-bg-layout);
  --ty-layout-content-bg: var(--ty-color-bg-layout);
  --ty-layout-sidebar-bg: #12131a;
  --ty-layout-sidebar-light-bg: #1f1f1f;
  --ty-layout-sidebar-light-color: rgba(255, 255, 255, 0.85);
  --ty-layout-sidebar-light-trigger-bg: #2a2a2a;
  --ty-layout-sidebar-light-trigger-icon: #666;
  --ty-layout-sidebar-trigger-bg: rgb(0, 33, 64);
  --ty-layout-sidebar-color: #fff;
  --ty-layout-sidebar-transition-duration: 200ms;
  --ty-layout-sidebar-trigger-height: 40px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-layout-header-height: 60px;
  --ty-layout-header-bg: var(--ty-color-bg-layout);
  --ty-layout-footer-padding: 24px 50px;
  --ty-layout-footer-bg: var(--ty-color-bg-layout);
  --ty-layout-content-bg: var(--ty-color-bg-layout);
  --ty-layout-sidebar-bg: #12131a;
  --ty-layout-sidebar-light-bg: #1f1f1f;
  --ty-layout-sidebar-light-color: rgba(255, 255, 255, 0.85);
  --ty-layout-sidebar-light-trigger-bg: #2a2a2a;
  --ty-layout-sidebar-light-trigger-icon: #666;
  --ty-layout-sidebar-trigger-bg: rgb(0, 33, 64);
  --ty-layout-sidebar-color: #fff;
  --ty-layout-sidebar-transition-duration: 200ms;
  --ty-layout-sidebar-trigger-height: 40px;
}
}