@import "tailwindcss";

:root {
  --sky: #0ea5e9; --sky2: #38bdf8; --sky3: #7dd3fc; --sky4: #bae6fd;
  --sky5: #e0f2fe; --sky6: #f0f9ff;
  --dark: #0c4a6e; --mid: #075985; --btn: #0369a1;
  --red: #ef4444; --green: #10b981; --amber: #f59e0b; --purple: #8b5cf6;
  --gray1: #1e293b; --gray2: #334155; --gray3: #64748b; --gray4: #94a3b8;
  --gray5: #cbd5e1; --gray6: #e2e8f0; --gray7: #f1f5f9; --white: #fff;
  --r: 10px; --shadow: 0 2px 12px rgba(14,165,233,.1);
}

body {
  font-family: 'Exo 2', 'Noto Sans Devanagari', sans-serif;
  background: var(--sky6);
  color: var(--gray1);
  min-height: 100vh;
}