/* bright — lifehackerguru.com: clean white, punchy orange, friendly sans. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;800&family=Open+Sans:wght@400;600&display=swap');

:root {
  --bg: #ffffff;
  --surface: #f7f8fa;
  --text: #24292f;
  --muted: #67707b;
  /* Was #f2620f, which is 3.22:1 on white — under AA for any text, and this
     token colours every prose link and the label inside every filled button.
     Darkened along its own hue to 4.85:1. Still unmistakably orange. */
  --accent: #c14d0b;
  --accent-contrast: #ffffff;
  --border: #e4e7eb;
  --font-body: 'Open Sans', system-ui, sans-serif;
  --font-heading: 'Nunito', system-ui, sans-serif;
  --radius: 12px;
  --header-bg: #ffffff;
  --header-text: #24292f;
  --shadow-color: rgba(36, 41, 47, 0.14);
}

.hero-title { font-weight: 800; }