:root {
  --blue:        #1B4FD8;
  --blue-dark:   #0F2E8A;
  --blue-light:  #EFF4FF;
  --blue-pale:   #DBEAFE;
  --orange:      #F97316;
  --orange-bg:   #FFF7ED;
  --dark:        #111827;
  --mid:         #374151;
  --muted:       #6B7280;
  --light:       #F9FAFB;
  --white:       #FFFFFF;
  --green:       #10B981;
  --green-bg:    #ECFDF5;
  --border:      #E5E7EB;
  --border-mid:  #D1D5DB;

  --font-display: 'Sora', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:  0 10px 40px rgba(0,0,0,0.10);
  --shadow-blue: 0 4px 20px rgba(27,79,216,0.25);
  --shadow-card: 0 20px 40px rgba(27,79,216,0.10);

  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-pill: 9999px;

  --transition: 200ms ease;

  --container: 1200px;
  --section-y: 100px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--mid);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 4px; }