:root {
  /* Tokens - Light */
  --mv-bg: #edf8f4;
  --mv-surface: #fcfffd;
  --mv-surface-2: #f3fbf7;
  --mv-surface-3: #e8f6ef;
  --mv-border: #d6eadf;
  --mv-border-strong: #bfdccf;
  --mv-text: #0f2a22;
  --mv-text-muted: #5d7b70;

  --mv-primary: #39b98a;
  --mv-primary-600: #2f9d74;
  --mv-primary-rgb: 57, 185, 138;

  --mv-success: #39b98a;
  --mv-info: #4bbf9a;
  --mv-warning: #bca764;
  --mv-danger: #d67584;

  --mv-success-soft: #e8f8f1;
  --mv-info-soft: #e9f9f4;
  --mv-warning-soft: #f8f4e8;
  --mv-danger-soft: #fdf1f3;

  --mv-shadow-soft: 0 6px 20px rgba(8, 38, 30, 0.06);
  --mv-shadow-soft-hover: 0 12px 24px rgba(8, 38, 30, 0.1);

  --mv-radius-sm: 10px;
  --mv-radius-md: 12px;
  --mv-radius-lg: 16px;
  --mv-radius-pill: 999px;

  --mv-focus-ring: 0 0 0 0.2rem rgba(57, 185, 138, 0.22);

  --mv-sidebar-width: 250px;
  --mv-topbar-height: 64px;

  --mv-z-sidebar: 1030;
  --mv-z-topbar: 1020;
  --mv-z-overlay: 1010;
  --mv-z-dropdown: 1050;
  --mv-z-modal-backdrop: 1060;
  --mv-z-modal: 1070;
}

[data-theme="dark"] {
  /* Tokens - Dark */
  --mv-bg: #071811;
  --mv-surface: #0f261d;
  --mv-surface-2: #133025;
  --mv-surface-3: #18392d;
  --mv-border: #235040;
  --mv-border-strong: #2d6854;
  --mv-text: #e6f6ee;
  --mv-text-muted: #9cbdaf;

  --mv-primary: #58d3a5;
  --mv-primary-600: #43bd90;
  --mv-primary-rgb: 88, 211, 165;

  --mv-success: #58d3a5;
  --mv-info: #6edbb9;
  --mv-warning: #d7c27a;
  --mv-danger: #f09aa4;

  --mv-success-soft: rgba(88, 211, 165, 0.2);
  --mv-info-soft: rgba(110, 219, 185, 0.2);
  --mv-warning-soft: rgba(215, 194, 122, 0.2);
  --mv-danger-soft: rgba(240, 154, 164, 0.2);

  --mv-shadow-soft: 0 10px 24px rgba(3, 16, 12, 0.35);
  --mv-shadow-soft-hover: 0 16px 30px rgba(3, 16, 12, 0.45);
  --mv-focus-ring: 0 0 0 0.2rem rgba(88, 211, 165, 0.25);
}