/* SafeTec brand tokens - v5.5 (Sept 24, 2026) - v5.5: added --st-white (no visual change). v5.4 - v5.3: added --st-link, --st-link-hover, --st-accent (same values, no visual change). v5.4: added --st-focus-color, --st-warning-border; focus ring now passes 3:1
   EVERYTHING in this file is scoped to [data-brand="safetec"].
   Put data-brand="safetec" on <html> for SafeTec pages; omit it for NetSmart.
   Without the attribute: no variables resolve, no global rule applies - NetSmart stays byte-identical. */
:root[data-brand="safetec"], [data-brand="safetec"] {
  /* color */
  --st-brand:#0A6EA6; --st-brand-hover:#075686; --st-ink:#0B1C2C; --st-sky:#31B6E8; --st-white:#FFFFFF; --st-link:#0A6EA6; --st-link-hover:#075686; --st-accent:#0A6EA6;
  --st-text:#48525C; --st-text-muted:#5E6A75; --st-text-faint:#5E6A75; /* was #7C8792 (3.4:1) - failed AA at small sizes. Now = muted. Use #7C8792 only via --st-decor below. */ --st-text-disabled:#98A6B2; /* inactive tabs, checkboxes, input values only (WCAG inactive-control exemption). Never on buttons: disabled button = --st-surface bg + 1px --st-border + --st-text-muted */ --st-decor:#7C8792; /* icons, dividers, placeholders - NEVER for text under 18px */
  --st-border:#E1EAF0; --st-border-strong:#C6DCE9; --st-input-border:#DCE7EE; --st-surface:#F4F8FB;
  --st-success:#1F7A54; --st-success-bg:#E8F4EE;
  --st-warning:#B7791F; --st-warning-text:#8F5F13; --st-warning-bg:#FBF2E3; --st-warning-border:#E9D3A3; /* decorative card edge, not a UI boundary */
  --st-danger:#B3261E; --st-danger-text:#8F1E17; --st-danger-bg:#FBEBE9;
  --st-info:#075686; --st-info-bg:#E7F1F8;
  /* dark */
  --st-dark-bg:#0A1826; --st-dark-surface:#0D2033; --st-dark-border:#1B3145; --st-dark-text2:#A9C3D6;
  /* type */
  --st-font-head:'Heebo',sans-serif; --st-font-body:'Assistant',sans-serif;
  /* radius */
  --st-r-pill:999px; --st-r-input:14px; --st-r-card:20px; --st-r-alert:16px; --st-r-small:8px;
  /* focus */
  --st-focus-color:#0A6EA6; /* 5.5:1 on white, 5.2:1 on surface. On dark bg use --st-sky */
  --st-focus:0 0 0 2px #FFFFFF, 0 0 0 4px #0A6EA6; /* ring for components that clip outline; otherwise use outline below */
}
html[data-brand="safetec"] {direction:rtl}
[data-brand="safetec"] body, body[data-brand="safetec"], [data-brand="safetec"] {font-family:var(--st-font-body);color:var(--st-ink)}
[data-brand="safetec"] h1, [data-brand="safetec"] h2, [data-brand="safetec"] h3, [data-brand="safetec"] h4 {font-family:var(--st-font-head);letter-spacing:-.03em}
[data-brand="safetec"] a {color:var(--st-link)}
[data-brand="safetec"] a:hover {color:var(--st-link-hover)}
[data-brand="safetec"] :focus-visible {outline:2px solid var(--st-focus-color);outline-offset:2px}
/* NO shadows, NO gradients in UI. 1px var(--st-border) dividers. Logical properties only (margin-inline-start etc). */