:root {
  --mx-primary: #0F766E;
  --mx-primary-dark: #0B4F4A;
  --mx-deep-ink: #071B1D;
  --mx-soft-teal: #CCFBF1;
  --mx-loader-cyan: #8CF0E6;
  --mx-blue: #2563EB;
  --mx-bg: #F3F7F8;
  --mx-surface: #FFFFFF;
  --mx-soft-surface: #F8FAFC;
  --mx-muted-surface: #EEF6F7;
  --mx-text: #071B1D;
  --mx-muted-text: #5F7480;
  --mx-soft-text: #8AA0AA;
  --mx-border: #D6E4E7;
  --mx-strong-border: #9CC9C5;
  --mx-success: #0F766E;
  --mx-success-bg: #DCFCE7;
  --mx-danger: #DC2626;
  --mx-danger-bg: #FEE2E2;
  --mx-warning: #CA8A04;
  --mx-warning-bg: #FEF3C7;
  --mx-info: #2563EB;
  --mx-info-bg: #DBEAFE;
  --primary: #0f766e;
  --primary-dark: #0b4f4a;
  --primary-deep: #071b1d;
  --primary-soft: #ccfbf1;
  --accent: #2563eb;
  --accent-soft: #dbeafe;
  --warning: #ca8a04;
  --warning-bg: #fef3c7;
  --danger: #dc2626;
  --danger-bg: #fee2e2;
  --success: #0f766e;
  --success-bg: #dcfce7;
  --info: #2563eb;
  --info-bg: #dbeafe;
  --loader-cyan: #8cf0e6;
  --loader-teal: #0f766e;
  --loader-blue: #2563eb;

  --app-bg: #f3f7f8;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --surface-muted: #eef6f7;
  --bg-page: var(--app-bg);
  --bg-soft: var(--surface-muted);
  --bg-card: #ffffff;

  --sidebar-top: #0f766e;
  --sidebar-mid: #134e4a;
  --sidebar-bottom: #071b1d;
  --sidebar-bg: var(--sidebar-bottom);
  --sidebar-bg-2: var(--sidebar-mid);
  --sidebar-hover: rgba(204, 251, 241, 0.12);
  --sidebar-active: linear-gradient(90deg, rgba(37, 99, 235, 0.32), rgba(15, 118, 110, 0.34));
  --sidebar-text: #ecfeff;
  --sidebar-muted: #b7d4d8;

  --text-main: #071b1d;
  --text-muted: #5f7480;
  --text-soft: #8aa0aa;
  --text-inverse: #ecfeff;
  --border: #d6e4e7;
  --border-strong: #9cc9c5;

  --radius: 8px;
  --shadow: 0 12px 28px rgba(7, 27, 29, 0.08);
  --shadow-soft: 0 6px 18px rgba(7, 27, 29, 0.06);
}