/*
Theme Name: by icons TBHM/BHG Core Theme
Theme URI: https://byicons.no/
Author: by icons
Description: Lys, ren og stabil grunnmur for TBHM by icons og The Brand Hub Gallery. Temaet eier layout, typografi og responsive arbeidsflater; funksjonslogikk ligger i plugins.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: byicons-tbhm
*/

:root {
  --tbhm-blue: #215f9a;
  --tbhm-blue-deep: #18456e;
  --tbhm-orange: #e97132;
  --tbhm-red: #ed2024;
  --tbhm-ink: #262626;
  --tbhm-muted: #6a6a6a;
  --tbhm-line: #d7d7d7;
  --tbhm-surface: #ffffff;
  --tbhm-canvas: #f7f7f7;
  --tbhm-soft: #f2f2f2;
  --tbhm-radius: 10px;
  --tbhm-shadow: 0 5px 18px rgba(20, 38, 55, .08);
  --tbhm-content: 1180px;
}

html { box-sizing: border-box; scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: inherit; }
body {
  margin: 0;
  color: var(--tbhm-ink);
  background: var(--tbhm-canvas);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; }
a { color: var(--tbhm-blue); }
a:hover, a:focus-visible { color: var(--tbhm-blue-deep); }
button, input, select, textarea { font: inherit; }
.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus { width: auto; height: auto; margin: 0; padding: .75rem 1rem; clip: auto; background: #fff; z-index: 99999; }