/* Noren Portal identity. See STYLE_GUIDE.md. Opt-in foundation, no page layout. */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/ibm-plex-sans-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/ibm-plex-sans-bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --noren-brand: #0066ff;
  --noren-link: #0645ad;
  --noren-ink: #000000;
  --noren-text: #222222;
  --noren-muted: #666666;
  --noren-background: #ffffff;
  --noren-surface: #f3f3f3;
  --noren-panel: #f5f5f5;
  --noren-table-heading: #e9e9e9;
  --noren-line: #c7c7c7;
  --noren-grid: #d5d5d5;
  --noren-control-border: #999999;
  --noren-selection: #eaf2ff;
  --noren-selection-border: #b7caea;
  --noren-row-hover: #ffff99;
  --noren-grid-soft: #ececec;
  --noren-search-highlight: #fff176;
  --noren-notice-background: #fff9e9;
  --noren-notice-border: #aa8d50;
  --noren-error: #a32323;
  --noren-font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif;
}

.noren-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--noren-ink);
  font: 400 24px/1 var(--noren-font-sans);
  text-decoration: none;
}

.noren-wordmark img { display: block; }
.noren-wordmark:hover { text-decoration: none; }
.noren-wordmark--footer { gap: 6px; font-size: 16px; }
.noren-wordmark--inverse { color: #ffffff; }
.noren-wordmark:focus-visible {
  outline: 2px solid var(--noren-link);
  outline-offset: 2px;
}
.noren-wordmark--inverse:focus-visible { outline-color: #ffffff; }