@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');

/* Wirecutter / editorial hub — cards, serif headlines, soft shadows */
:root {
  --bg: #f4f6f8;
  --bg-elevated: #ffffff;
  --text: #1c1917;
  --muted: #57534e;
  --muted-light: #78716c;
  --accent: #0f766e;
  --accent-hover: #0d5c56;
  --accent-soft: #ccfbf1;
  --accent-border: #99f6e4;
  --border: #e7e5e4;
  --border-strong: #d6d3d1;
  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.06);
  --shadow-lg: 0 12px 40px rgba(15, 118, 110, 0.12);
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-display: 'Source Serif 4', Georgia, serif;
  --link: #0f766e;
  --link-hover: #0d5c56;
  --focus-color: #0f766e;
  --footer-bg: #1c1917;
  --footer-text: #a8a29e;
  --footer-link: #d6d3d1;
  --footer-brand: #fafaf9;
  --footer-border: #44403c;
  --footer-muted: #78716c;
  --tool-primary-bg: linear-gradient(145deg, #0f766e 0%, #115e59 100%);
  --tool-primary-text: #fff;
  --tool-primary-desc: rgba(255, 255, 255, 0.85);
  --card-hover-lift: translateY(-2px);
  --btn-radius: 999px;
  --nav-pill: 999px;
  --nav-cta-bg: #0f766e;
  --nav-cta-hover: #0d5c56;
}