:root,
:root[data-theme="light"] {
  color-scheme: light;
  --background: #F5F3EF;
  --sidebar: #F8F6F2;
  --surface: #FCFBF9;
  --surface-raised: #FFFFFF;
  --surface-muted: #F0ECE6;
  --text: #111318;
  --text-muted: #6B6F78;
  --border: #E2DDD6;
  --border-strong: #D1CAC1;
  --primary: #587DA6;
  --primary-hover: #486D97;
  --success: #357A56;
  --warning: #A66A22;
  --danger: #B94A48;
  --focus: rgba(88, 125, 166, 0.28);
  --shadow-menu: 0 8px 24px rgba(17, 19, 24, 0.08);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #030405;
  --sidebar: #050607;
  --surface: #0A0C0F;
  --surface-raised: #0E1115;
  --surface-muted: #11151A;
  --text: #EBEDF0;
  --text-muted: #989DA6;
  --border: #1A1E24;
  --border-strong: #292F38;
  --primary: #6E8EAF;
  --primary-hover: #7D9BBA;
  --success: #48A06A;
  --warning: #C58A39;
  --danger: #DD6260;
  --focus: rgba(110, 142, 175, 0.32);
  --shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.4);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] {
    color-scheme: dark;
    --background: #030405;
    --sidebar: #050607;
    --surface: #0A0C0F;
    --surface-raised: #0E1115;
    --surface-muted: #11151A;
    --text: #EBEDF0;
    --text-muted: #989DA6;
    --border: #1A1E24;
    --border-strong: #292F38;
    --primary: #6E8EAF;
    --primary-hover: #7D9BBA;
    --success: #48A06A;
    --warning: #C58A39;
    --danger: #DD6260;
    --focus: rgba(110, 142, 175, 0.32);
    --shadow-menu: 0 8px 24px rgba(0, 0, 0, 0.4);
  }
}