@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --primary-900: #162655;
  --primary-800: #1C3D8C;
  --primary-700: #1953DC;
  --primary-600: #246BEF;
  --primary-500: #3788FA;
  --primary-400: #5DABFD;
  --primary-300: #91C9FF;
  --primary-200: #BEDDFF;
  --primary-100: #DAEBFF;
  --primary-50:  #EFF7FF;

  --neutral-900: #0A0B0F;
  --neutral-800: #313649;
  --neutral-700: #3E4866;
  --neutral-600: #4C587D;
  --neutral-500: #607097;
  --neutral-400: #808EB0;
  --neutral-300: #ADB6CC;
  --neutral-200: #D3D7E4;
  --neutral-100: #EBEDF3;
  --neutral-50:  #F6F7F9;

  --white: #FFFFFF;
  --black: #000000;

  --success-bg: #DCFCE7;
  --success-fg: #16A34A;
  --success-soft: #F0FDF4;
  --warning-bg: #FEF3C7;
  --warning-fg: #D97706;
  --warning-soft: #FFFBEB;
  --danger-bg:  #FEE2E2;
  --danger-fg:  #DC2626;
  --danger-soft: #FEF2F2;
  --info-bg:    #DBEAFE;
  --info-fg:    #2563EB;
  --info-soft:  #EFF6FF;

  --sidebar-grad: linear-gradient(195deg, var(--primary-900) 0%, var(--primary-700) 55%, var(--primary-600) 100%);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(16,24,40,.06);
  --shadow-md: 0 4px 8px rgba(16,24,40,.10);
  --shadow-up: 0 -1px 2px rgba(16,24,40,.06);

  --container-max: 1280px;

  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html, body {
  font-family: var(--font-sans);
  color: var(--neutral-900);
  background: var(--neutral-50);
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 14px;
  line-height: 20px;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
}

code {
  font-family: inherit;
  font-variant-numeric: tabular-nums;
}