:root {
  --promes-blue: #1E4FD8;
  --promes-blue-dark: #1740B8;
  --iris-accent: #6D5CF6;
  --iris-accent-dark: #5848E0;

  --bg-dark: #070B18;
  --bg-dark-2: #0C1230;
  --bg-light: #F5F7FC;
  --bg-light-2: #E8ECF5;
  --bg-card: #FFFFFF;

  --text-primary: #1A1D2E;
  --text-secondary: #5B6278;
  --text-muted: #8A90A6;
  --text-on-dark: #F5F7FC;

  --gray-50: #F8F9FC;
  --gray-100: #EEF1F8;
  --gray-200: #E3E8F1;
  --gray-300: #CDD5E4;
  --gray-400: #A7B0C6;
  --gray-500: #8A93AD;
  --gray-600: #5B6278;
  --gray-700: #3A4158;
  --gray-800: #1F2540;
  --gray-900: #14182A;

  --state-success: #16A34A;
  --state-success-bg: #E7F5EC;
  --state-success-text: #14532D;

  --state-warning: #D97706;
  --state-warning-bg: #FFF4E0;
  --state-warning-text: #6B4A06;

  --state-error: #DC2626;
  --state-error-bg: #FEE9E7;
  --state-error-text: #7F1D1D;

  --state-info: #2563EB;
  --state-info-bg: #E8F0FC;
  --state-info-text: #1E3A8A;

  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;

  --radius-card: 12px;
  --radius-input: 8px;
  --radius-button: 8px;
  --radius-badge: 999px;
  --radius-modal: 14px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --shadow-card: 0 1px 3px rgba(20, 24, 42, 0.06), 0 1px 2px rgba(20, 24, 42, 0.04);
  --shadow-elevated: 0 10px 30px rgba(20, 24, 42, 0.12);
  --shadow-sidebar: 0 0 0 1px rgba(20, 24, 42, 0.06);

  --bp-desktop: 1024px;

  --z-sidebar: 50;
  --z-bottomnav: 60;
  --z-overlay: 70;
  --z-sticky: 80;
}

body {
  margin: 0;
  background: var(--bg-light);
  color: var(--text-primary);
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}