/* CSAI theme (China Systems CSAI brochure, Sept 2026).
   Blue #0066CC for titles, links, primary actions and selection; orange #FF6B35 as a sparing accent
   (section labels, the rule under page title bars); Oswald headings, Montserrat body.
   Loaded after the shared workspace styles when the request host maps to the csai theme (THEME_BY_HOST).
   Purple colours written directly in other stylesheets are re-tinted per response by app/utils/theme_retint.py,
   so this file only sets tokens, typography and the brand accents. */
:root, html.workspace-redesign {
  --primary: #0066CC !important;
  --primary-rgb: 0, 102, 204 !important;
  --primary-dark: #004F9E !important;
  --primary-hover: #0057AD !important;
  --primary-hover-rgb: 0, 87, 173 !important;
  --primary-light: #4D94DB !important;
  --primary-lighter: #E6F0FA !important;
  --secondary-indigo: #0066CC !important;
  --emerald: #0066CC !important;
  --primary-gradient: linear-gradient(110deg, #0066CC, #0057AD) !important;
  --primary-gradient-hover: linear-gradient(110deg, #0057AD, #004F9E) !important;
  --csai-accent: #FF6B35;
  --canvas: #F5F5F5 !important;
  --ink: #1A1A1A !important;
  --text-primary: #1A1A1A !important;
  --font-body: 'Montserrat', 'Segoe UI', sans-serif !important;
  --font-heading: 'Oswald', 'Arial Narrow', sans-serif !important;
}
body { font-family: var(--font-body) !important; }

/* Brand: China Systems logo fits the sidebar wordmark slot. */
.workspace-sidebar-wordmark img { max-height: 46px; width: auto; }

/* Page titles: Oswald in brand blue, with the brochure's orange rule under the title bar. */
:root .ws-titlebar.ws-titlebar .ws-titlebar-title, .orgx-bar h1 {
  font-family: 'Oswald', 'Arial Narrow', sans-serif !important; font-weight: 500 !important; color: #0066CC !important; letter-spacing: .2px !important; font-size: 20px !important;
}
:root .ws-titlebar.ws-titlebar .ws-titlebar-title i, :root .ws-titlebar.ws-titlebar .ws-titlebar-title .mdi { color: #0066CC !important; }
:root .ws-titlebar.ws-titlebar:not(.ws-titlebar-flat), .orgx-bar { box-shadow: inset 0 -3px 0 var(--csai-accent) !important; }
.orgx-detail-head h2, .workspace-redesign h2, .workspace-redesign h3 { font-family: 'Oswald', 'Arial Narrow', sans-serif; font-weight: 500; }

/* Section labels in the brochure orange. */
.orgx-group h3, .orgx-tree-head h2 { color: var(--csai-accent) !important; font-family: 'Oswald', 'Arial Narrow', sans-serif; letter-spacing: .6px; font-weight: 500; }