/* Janaushadhi — design tokens */
:root {
  --navy-900: #0A1733;
  --navy-800: #0B1F4D;
  --navy-700: #143278;
  --blue-600: #1B5BFF;
  --blue-500: #2F6BFF;
  --blue-400: #5B9EFF;
  --blue-300: #8FB8FF;
  --blue-100: #DCE7FF;
  --blue-50:  #EEF3FF;
  --blue-25:  #F6F9FF;

  --mint-500: #22C29A;
  --mint-100: #D6F5EA;

  --amber-500: #F5A524;
  --amber-100: #FFEFD1;

  --rose-500: #E5484D;
  --rose-100: #FFE4E4;

  --ink-900: #0B132B;
  --ink-700: #2E3957;
  --ink-500: #5B6784;
  --ink-400: #8693B0;
  --ink-300: #B5BFD4;
  --ink-200: #D9DFEC;
  --ink-100: #ECF0F8;
  --ink-50:  #F5F7FC;
  --white:   #FFFFFF;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 28px;

  --shadow-sm: 0 1px 2px rgba(11, 31, 77, 0.04), 0 2px 8px rgba(11, 31, 77, 0.04);
  --shadow-md: 0 6px 18px rgba(11, 31, 77, 0.08);
  --shadow-lg: 0 18px 40px rgba(11, 31, 77, 0.14);

  --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* base reset for screen contents */
.screen, .screen * { box-sizing: border-box; }
.screen { font-family: var(--font-sans); color: var(--ink-900); -webkit-font-smoothing: antialiased; }
.mono { font-family: var(--font-mono); font-feature-settings: "tnum" 1; }

/* hide scrollbars inside iOS frames so designs look clean */
.screen ::-webkit-scrollbar { width: 0; height: 0; }
.screen { scrollbar-width: none; }

/* utility */
.h-divider { height: 1px; background: var(--ink-100); width: 100%; }
.pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 600; letter-spacing: -0.01em;
}
.btn-primary {
  background: var(--blue-600); color: white;
  border: none; border-radius: 16px;
  padding: 16px 18px; font-weight: 600; font-size: 16px;
  width: 100%; cursor: pointer; letter-spacing: -0.01em;
  box-shadow: 0 8px 20px rgba(27, 91, 255, 0.28);
}
.btn-ghost {
  background: var(--blue-50); color: var(--blue-600);
  border: none; border-radius: 16px;
  padding: 14px 18px; font-weight: 600; font-size: 15px;
  cursor: pointer;
}

/* SVG icon defaults */
.icon { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }