/* TAMIS shared theme v1.0.0 — 2026-09-28
 * Keep byte-identical copies in both applications.
 * Tamis application theme — PatternFly 6.4 / patternfly-yew 0.8.
 * Load after PatternFly and before catalogue-cards.css.
 * Status, danger, disabled and responsive behaviour remain PatternFly-owned.
 */
:root {
  --tamis-navy: #16173f;
  --tamis-magenta: #e116b4;
  --tamis-bg: #f2f1fa;
  --tamis-surface: #fff;
  --tamis-text: #202137;
  --tamis-muted: #53566a;
  --tamis-line: #d7daee;
  --tamis-control: #767b9a;
  --tamis-control-border: var(--tamis-control);
  --tamis-link: #25295e;
  --tamis-soft: #f2f1fa;
  --tamis-action: #25295e;
  --tamis-action-hover: #16173f;
  --tamis-on-action: #fff;
  --tamis-highlight: #fbe1f4;
  --tamis-highlight-text: #681454;
}
:root.pf-v6-theme-dark {
  color-scheme: dark;
  --tamis-bg: #0b0c22;
  --tamis-surface: #16173f;
  --tamis-text: #ecedf7;
  --tamis-muted: #aeb4d7;
  --tamis-line: #3e4285;
  --tamis-control: #9fa6d6;
  --tamis-link: #ecedf7;
  --tamis-soft: #1e2052;
  --tamis-action: #c4c9f1;
  --tamis-action-hover: #ecedf7;
  --tamis-on-action: #16173f;
  --tamis-highlight: #38203e;
  --tamis-highlight-text: #ffd5f4;
}
:root, :root.pf-v6-theme-dark {
  --pf-t--global--font--family--body: 'Segoe UI', system-ui, sans-serif;
  --pf-t--global--font--family--heading: 'Helvetica Neue', Arial, sans-serif;
  --pf-t--global--background--color--primary--default: var(--tamis-surface);
  --pf-t--global--background--color--secondary--default: var(--tamis-bg);
  --pf-t--global--text--color--regular: var(--tamis-text);
  --pf-t--global--text--color--subtle: var(--tamis-muted);
  --pf-t--global--border--color--default: var(--tamis-line);
  --pf-t--global--color--brand--default: var(--tamis-action);
  --pf-t--global--color--brand--hover: var(--tamis-action-hover);
  --pf-t--global--text--color--on-brand--default: var(--tamis-on-action);
  --pf-t--global--text--color--on-brand--hover: var(--tamis-on-action);
  --pf-t--global--icon--color--on-brand--default: var(--tamis-on-action);
  --pf-t--global--icon--color--on-brand--hover: var(--tamis-on-action);
  --pf-t--global--text--color--link--default: var(--tamis-action);
  --pf-t--global--text--color--link--hover: var(--tamis-action-hover);
}
body { background: var(--tamis-bg); color: var(--tamis-text); font-family: var(--pf-t--global--font--family--body); }
h1,h2,h3 { font-family: var(--pf-t--global--font--family--heading); }
a { text-underline-offset: 3px; }
:focus-visible { outline: 3px solid #737bb8; outline-offset: 4px; }
.pf-v6-c-masthead {
  background: var(--tamis-surface);
  border-block-end: 1px solid var(--tamis-line);
}
.pf-v6-c-page {
  --pf-v6-c-page__sidebar--BackgroundColor: var(--tamis-surface);
}
.pf-v6-c-nav {
  --pf-v6-c-nav__link--Color: var(--tamis-muted);
  --pf-v6-c-nav__link--hover--Color: var(--tamis-highlight-text);
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--tamis-highlight);
  --pf-v6-c-nav__link--m-current--Color: var(--tamis-text);
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--tamis-bg);
}
.pf-v6-c-nav__link { font-weight: 600; }
.pf-v6-c-nav__link:is(:hover, .pf-m-current) { text-decoration: none; }
.pf-v6-c-nav__link.pf-m-current { box-shadow: inset 3px 0 var(--tamis-magenta); }
.pf-v6-c-button { border-radius: 6px; }
.pf-v6-c-button.pf-m-secondary:not(.pf-m-danger):not(:disabled):not(.pf-m-disabled):hover {
  color: var(--tamis-highlight-text);
  background: var(--tamis-highlight);
}
.pf-v6-c-table thead { background: var(--tamis-bg); }
/* No fixed widths or heights: keep native mobile layouts and long labels. */