/* =============================================================================
   theme-solotech.css
   Brand theme for SOLO TECH LTD. Layer on top of styles.css by adding
   `theme-solotech` to <body>. Acts as a hook for future theme variants
   (e.g. dark mode, high-contrast). Palette tokens live in styles.css.
   ============================================================================= */

body.theme-solotech {
  /* Reserved for theme-specific overrides. Palette already set in styles.css. */
}

/* Hero headline accent — first-word highlight pattern used on index page. */
body.theme-solotech .hero h1 .accent,
body.theme-solotech .page-hero h1 .accent {
  color: var(--teal-600);
}

/* Editorial note utility (used under hero sections for internal references). */
body.theme-solotech .editorial-note {
  margin: 18px 0 0;
  font-size: 0.88rem;
  color: var(--ink-600);
}
body.theme-solotech .editorial-note a {
  color: var(--navy-800);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.theme-solotech .editorial-note a:hover {
  color: var(--teal-600);
}
