:root {
  --ct-primary: #13EC5B;
  --ct-primary-100: #E8FFF1;
  --ct-primary-500: #13EC5B;
  --ct-primary-600: #13EC5B;
  --ct-primary-700: #10D150;
  --ct-primary-800: #0FB346;
  --ct-bg: #F7F6FC;
  --ct-surface: #FFFFFF;
  --ct-surface-soft: #F8FAFC;
  --ct-primary-soft: rgba(19, 236, 91, 0.08);
  --ct-text: #0D1B12;
  --ct-text-2: #4B5563;
  --ct-text-muted: #64748B;
  --ct-border: #E2E8F0;
  --ct-success: #16A34A;
  --ct-warning: #F97316;
  --ct-danger: #DC2626;
  --ct-info: #2563EB;
  --ct-ring: 0 0 0 3px rgba(19, 236, 91, 0.18);
  --ct-radius-sm: 8px;
  --ct-radius-md: 12px;
  --ct-radius-lg: 15px;
  --ct-radius-pill: 45px;
  --ct-shadow-card: 0 4px 14px rgba(15, 23, 42, 0.06);
  --ct-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.08);
  --ct-shadow-elevated: 0 10px 25px rgba(0, 0, 0, 0.08);
  --ct-z-header: 20;
  --ct-z-popover: 40;
  --ct-space-1: 0.25rem;
  --ct-space-2: 0.5rem;
  --ct-space-3: 0.75rem;
  --ct-space-4: 1rem;
  --ct-space-5: 1.25rem;
  --ct-space-6: 1.5rem;

  --mk-bg: #F8FCF9;
  --mk-surface: var(--ct-surface);
  --mk-border: #E6EAE7;
  --mk-text: var(--ct-text);
  --mk-text-muted: var(--ct-text-2);
  --mk-primary: var(--ct-primary);
  --mk-primary-hover: rgba(19, 236, 91, 0.9);
  --mk-soft: rgba(19, 236, 91, 0.08);
  --mk-dark-bg: #102216;
  --mk-dark-surface: #152A1D;
  --mk-dark-text: #FFFFFF;
  --mk-dark-muted: rgba(255, 255, 255, 0.7);
  --mk-dark-border: rgba(255, 255, 255, 0.10);
  --mk-radius-sm: var(--ct-radius-sm);
  --mk-radius-md: var(--ct-radius-md);
  --mk-radius-lg: 16px;
  --mk-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05);
  --mk-shadow-elevated: var(--ct-shadow-elevated);
  --mk-ring: 0 0 0 4px rgba(19, 236, 91, 0.25);
  --mk-max-width: 1240px;
}

.dark {
  --ct-bg: #102216;
  --ct-surface: #152A1D;
  --ct-surface-soft: rgba(255, 255, 255, 0.04);
  --ct-border: rgba(255, 255, 255, 0.10);
  --ct-text: #FFFFFF;
  --ct-text-2: rgba(255, 255, 255, 0.70);
  --ct-text-muted: rgba(255, 255, 255, 0.70);
}