[data-theme="dark"] {
  color-scheme: dark;
  --ghz-bg: #081421;
  --ghz-fg: #F8FAFC;
  --ghz-muted: #B8C8DB;
  --ghz-surface: #102A43;
  --ghz-surface-raised: #183B56;
  --ghz-surface-subtle: #122E48;
  --ghz-primary: #38BDF8;
  --ghz-primary-fg: #102A43;
  --ghz-primary-hover: #7DD3FC;
  --ghz-primary-active: #BAE6FD;
  --ghz-secondary: #183B56;
  --ghz-secondary-fg: #F8FAFC;
  --ghz-secondary-hover: #244D6B;
  --ghz-accent: #38BDF8;
  --ghz-accent-fg: #102A43;
  --ghz-border: #29465F;
  --ghz-control-border: #70869F;
  --ghz-focus: #38BDF8;
  --ghz-disabled: #29465F;
  --ghz-disabled-fg: #B8C8DB;
  --ghz-card: #102A43;
  --ghz-card-fg: #F8FAFC;
  --ghz-input: #081421;
  --ghz-input-fg: #F8FAFC;
  --ghz-placeholder: #B8C8DB;
  --ghz-nav: #102A43;
  --ghz-nav-fg: #F8FAFC;
  --ghz-nav-active: #183B56;
  --ghz-sidebar: #102A43;
  --ghz-sidebar-fg: #F8FAFC;
  --ghz-sidebar-muted: #B8C8DB;
  --ghz-sidebar-active: #183B56;
  --ghz-modal: #183B56;
  --ghz-modal-fg: #F8FAFC;
  --ghz-overlay: rgba(0,0,0,.72);
  --ghz-dropdown: #183B56;
  --ghz-dropdown-fg: #F8FAFC;
  --ghz-tab: #B8C8DB;
  --ghz-tab-active: #38BDF8;
  --ghz-tab-active-bg: #183B56;
  --ghz-table-head: #183B56;
  --ghz-table-stripe: #122E48;
  --ghz-table-hover: #183B56;
  --ghz-notification: #0C354D;
  --ghz-notification-fg: #BAE6FD;
  --ghz-success-bg: #063B31;
  --ghz-success-fg: #6EE7B7;
  --ghz-success-border: #34D399;
  --ghz-warning-bg: #422A0B;
  --ghz-warning-fg: #FCD34D;
  --ghz-warning-border: #FBBF24;
  --ghz-error-bg: #451B25;
  --ghz-error-fg: #FCA5A5;
  --ghz-error-border: #F87171;
  --ghz-info-bg: #0C354D;
  --ghz-info-fg: #BAE6FD;
  --ghz-info-border: #38BDF8;
  --ghz-shadow-sm: 0 1px 3px rgba(0,0,0,.24);
  --ghz-shadow-md: 0 8px 24px rgba(0,0,0,.32);
  --ghz-shadow-lg: 0 24px 64px rgba(0,0,0,.48);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
  --ghz-bg: #081421;
  --ghz-fg: #F8FAFC;
  --ghz-muted: #B8C8DB;
  --ghz-surface: #102A43;
  --ghz-surface-raised: #183B56;
  --ghz-surface-subtle: #122E48;
  --ghz-primary: #38BDF8;
  --ghz-primary-fg: #102A43;
  --ghz-primary-hover: #7DD3FC;
  --ghz-primary-active: #BAE6FD;
  --ghz-secondary: #183B56;
  --ghz-secondary-fg: #F8FAFC;
  --ghz-secondary-hover: #244D6B;
  --ghz-accent: #38BDF8;
  --ghz-accent-fg: #102A43;
  --ghz-border: #29465F;
  --ghz-control-border: #70869F;
  --ghz-focus: #38BDF8;
  --ghz-disabled: #29465F;
  --ghz-disabled-fg: #B8C8DB;
  --ghz-card: #102A43;
  --ghz-card-fg: #F8FAFC;
  --ghz-input: #081421;
  --ghz-input-fg: #F8FAFC;
  --ghz-placeholder: #B8C8DB;
  --ghz-nav: #102A43;
  --ghz-nav-fg: #F8FAFC;
  --ghz-nav-active: #183B56;
  --ghz-sidebar: #102A43;
  --ghz-sidebar-fg: #F8FAFC;
  --ghz-sidebar-muted: #B8C8DB;
  --ghz-sidebar-active: #183B56;
  --ghz-modal: #183B56;
  --ghz-modal-fg: #F8FAFC;
  --ghz-overlay: rgba(0,0,0,.72);
  --ghz-dropdown: #183B56;
  --ghz-dropdown-fg: #F8FAFC;
  --ghz-tab: #B8C8DB;
  --ghz-tab-active: #38BDF8;
  --ghz-tab-active-bg: #183B56;
  --ghz-table-head: #183B56;
  --ghz-table-stripe: #122E48;
  --ghz-table-hover: #183B56;
  --ghz-notification: #0C354D;
  --ghz-notification-fg: #BAE6FD;
  --ghz-success-bg: #063B31;
  --ghz-success-fg: #6EE7B7;
  --ghz-success-border: #34D399;
  --ghz-warning-bg: #422A0B;
  --ghz-warning-fg: #FCD34D;
  --ghz-warning-border: #FBBF24;
  --ghz-error-bg: #451B25;
  --ghz-error-fg: #FCA5A5;
  --ghz-error-border: #F87171;
  --ghz-info-bg: #0C354D;
  --ghz-info-fg: #BAE6FD;
  --ghz-info-border: #38BDF8;
  --ghz-shadow-sm: 0 1px 3px rgba(0,0,0,.24);
  --ghz-shadow-md: 0 8px 24px rgba(0,0,0,.32);
  --ghz-shadow-lg: 0 24px 64px rgba(0,0,0,.48);
  }
}