:root,
[data-cg-theme="light"] {
  color-scheme: light;
  --cg-bg: #F4F6F8;
  --cg-surface: #FFFFFF;
  --cg-surface-2: #F9FBFC;
  --cg-text: #172033;
  --cg-text-muted: #667085;
  --cg-border: #E6E9EE;
  --cg-header-bg: rgba(255,255,255,.96);
  --cg-sidebar-bg: #FFFFFF;
  --cg-hover: rgba(0,133,208,.07);
  --cg-active: rgba(0,133,208,.12);
  --cg-logo-src: url('../assets/cogiens-logo-light.png');
}

[data-cg-theme="dark"] {
  color-scheme: dark;
  --cg-bg: #07111F;
  --cg-surface: #0B1627;
  --cg-surface-2: #101E32;
  --cg-text: #EEF4FB;
  --cg-text-muted: #9FB0C6;
  --cg-border: #20324A;
  --cg-header-bg: rgba(7,17,31,.96);
  --cg-sidebar-bg: #0B1627;
  --cg-hover: rgba(0,133,208,.12);
  --cg-active: rgba(0,133,208,.20);
  --cg-logo-src: url('../assets/cogiens-logo-dark.png');
}

@media (prefers-color-scheme: dark) {
  :root:not([data-cg-theme="light"]):not([data-cg-theme="dark"]) {
    color-scheme: dark;
    --cg-bg: #07111F;
    --cg-surface: #0B1627;
    --cg-surface-2: #101E32;
    --cg-text: #EEF4FB;
    --cg-text-muted: #9FB0C6;
    --cg-border: #20324A;
    --cg-header-bg: rgba(7,17,31,.96);
    --cg-sidebar-bg: #0B1627;
    --cg-hover: rgba(0,133,208,.12);
    --cg-active: rgba(0,133,208,.20);
    --cg-logo-src: url('../assets/cogiens-logo-dark.png');
  }
}