/* Peptide Workshop — design tokens (change primary here to update site-wide) */
:root {
  /* Primary: slightly darker blue (was ~#337ab7) */
  --color-primary: #1a5a9e;
  --color-primary-hover: #164a85;
  --color-primary-muted: #2d6bb3;
  --color-primary-light: #e8f0f9;

  --color-text: #1a1a1a;
  --color-text-muted: #5a5a5a;
  --color-bg: #ffffff;
  --color-bg-subtle: #f5f5f5;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius: 8px;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --transition: 0.2s ease;
}