:root {

  --blue-50: #EEF4FF;
  --blue-100: #DBE7FE;
  --blue-500: #3B7BF6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;

  --white: #FFFFFF;
  --gray-50: #F5F7FA;
  --gray-100: #EDF0F4;
  --gray-200: #E6E9EE;
  --gray-500: #6B7280;
  --gray-900: #1E2430;

  --success: #16A34A;
  --success-bg: #E7F6EC;
  --warning: #F59E0B;
  --warning-bg: #FFF6E6;
  --danger: #E5484D;
  --danger-bg: #FDECEC;

  --radius: 16px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);

  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}