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

:root {
  /* Brand core: deep ink navy (trust) + vivid amber (speed/energy) */
  --ink: #0a1626;
  --navy: #0f2340;
  --navy-2: #14304f;
  --brand: #f97316;       /* amber — speed, energy, India warmth */
  --brand-deep: #c2410c;
  --brand-soft: #fff1e6;
  --blue: #1d4ed8;        /* secondary trust accent for links/data */
  --teal: #0e7490;

  /* Surfaces */
  --bg: #f5f7fb;
  --surface: #ffffff;
  --surface-2: #eef2f7;
  --line: #e1e7ef;
  --line-strong: #cbd4e0;

  /* Text */
  --text: #0c1a2b;
  --text-2: #41506a;
  --muted: #64748b;

  /* Status */
  --success: #15803d;
  --warning: #b45309;
  --danger: #b91c1c;

  /* Type */
  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Radii + shadow + motion */
  --r-sm: 8px;
  --r: 14px;
  --r-lg: 22px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(12,26,43,.06), 0 1px 3px rgba(12,26,43,.08);
  --shadow: 0 10px 30px rgba(12,26,43,.08), 0 2px 6px rgba(12,26,43,.05);
  --shadow-lg: 0 30px 70px rgba(10,22,38,.18), 0 8px 20px rgba(10,22,38,.10);
  --max: 1240px;
  --ease: cubic-bezier(.2,.7,.2,1);
}