/* Silo shared site CSS. Holds the brand tokens and the reset/body/link
   baseline that every page reuses. Loaded after the Google Fonts link
   in each HTML head, before the page's own inline <style>. Nav and
   footer differ per page, so they're left in the page-level styles. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --blue:    #2563eb;
  --blue-d:  #1d4ed8;
  --green:   #059669;
  --gray-50: #f9fafb;
  --gray-100:#f3f4f6;
  --gray-200:#e5e7eb;
  --gray-400:#9ca3af;
  --gray-600:#4b5563;
  --gray-700:#374151;
  --gray-900:#111827;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  background: #fff;
  color: var(--gray-900);
  line-height: 1.6;
}

a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }