:root {
  color-scheme: light;
  --color-background: #edf5f3;
  --color-background-end: #f8fbfa;
  --color-surface: rgba(255, 255, 255, 0.96);
  --color-surface-strong: #ffffff;
  --color-surface-soft: rgba(244, 249, 248, 0.96);
  --color-surface-hover: rgba(0, 109, 119, 0.09);
  --color-border: rgba(24, 78, 82, 0.22);
  --color-border-strong: rgba(0, 95, 102, 0.46);
  --color-text: #17383a;
  --color-text-muted: #526d6f;
  --color-primary: #006d77;
  --color-primary-end: #005f66;
  --color-on-primary: #ffffff;
  --color-focus: #007f7a;
  --color-danger: #b42318;
  --color-danger-soft: rgba(180, 35, 24, 0.09);
  --color-warning: #8a4b08;
  --color-warning-soft: rgba(138, 75, 8, 0.1);
  --color-success: #18794e;
  --color-success-soft: rgba(24, 121, 78, 0.1);
  --app-background:
    radial-gradient(1100px 660px at 63% -28%, rgba(0, 127, 122, 0.1), transparent 58%),
    linear-gradient(90deg, var(--color-background), var(--color-background-end));
  --shadow-card: 0 8px 24px rgba(23, 56, 58, 0.1);
  --shadow-panel: 0 24px 52px rgba(23, 56, 58, 0.16);
  --shell-header-background: rgba(255, 255, 255, 0.88);
}

:root .admin-sidebar {
  background: transparent;
}