/* Sentinal brand override — scoped under .theme-sentinal, loaded after /style.css.
   Palette source: webly-sentinal/app/globals.css .theme-light (the public
   "site-intelligence readout" theme — not Sentinal's internal .theme-webly console). */

.theme-sentinal.bg-background,
.theme-sentinal .bg-background { background-color: #F4F6F8; }

.theme-sentinal.text-on-surface,
.theme-sentinal .text-on-surface { color: #0B1A2B; }

.theme-sentinal .text-on-surface-variant { color: #5B6B7A; }
/* /80, /70 and /60 are solid colours, not alpha of the base tone: the base
   #5B6B7A only just clears WCAG AA (4.75:1) against this page's light
   background even at full opacity, so any further alpha reduction fails
   outright (verified: /80 at rgba(...,.8) measures 3.40:1 against the header,
   /60 at rgba(...,.6) measures 2.31:1 against the footer — both fail 4.5:1). */
.theme-sentinal .text-on-surface-variant\/80 { color: #3D4C5A; }
.theme-sentinal .text-on-surface-variant\/70 { color: #3D4C5A; }
.theme-sentinal .text-on-surface-variant\/60 { color: #3D4C5A; }

.theme-sentinal .text-primary { color: #06707C; }
.theme-sentinal .hover\:text-primary:hover { color: #06707C; }
.theme-sentinal .text-secondary { color: #06707C; }

.theme-sentinal .bg-primary { background-color: #0AA6B8; }
.theme-sentinal .bg-primary\/5 { background-color: rgba(10,166,184,.05); }
.theme-sentinal .text-on-primary { color: #0B1A2B; }
.theme-sentinal .border-primary { border-color: #0AA6B8; }

.theme-sentinal .bg-surface\/90 { background-color: rgba(244,246,248,.9); }
.theme-sentinal .bg-surface-container-high { background-color: #FFFFFF; }
.theme-sentinal .hover\:bg-surface-container-high:hover { background-color: #FFFFFF; }
.theme-sentinal .bg-surface-container { background-color: #EDEFF1; }

/* Sentinal's page is light, unlike Vondr/Horizn — the source app's low-alpha-over-dark
   hairline technique reads as invisible on a light background, so these are flat
   pre-blended greys (hairline #DDE3E8 mixed into paper #F4F6F8) rather than rgba alpha. */
.theme-sentinal .border-outline-variant\/30 { border-color: #D7DEE4; }
.theme-sentinal .border-outline-variant\/20 { border-color: #E1E6EA; }
.theme-sentinal .border-outline-variant\/10 { border-color: #EAEDF0; }

.theme-sentinal.selection\:bg-secondary-fixed ::selection,
.theme-sentinal.selection\:bg-secondary-fixed::selection,
.theme-sentinal.selection\:bg-secondary-fixed ::-moz-selection,
.theme-sentinal.selection\:bg-secondary-fixed::-moz-selection { background-color: #0AA6B8; }
.theme-sentinal.selection\:text-on-secondary-fixed ::selection,
.theme-sentinal.selection\:text-on-secondary-fixed::selection,
.theme-sentinal.selection\:text-on-secondary-fixed ::-moz-selection,
.theme-sentinal.selection\:text-on-secondary-fixed::-moz-selection { color: #0B1A2B; }

/* Signature element: radar sweep behind the Opportunity Score, borrowed from
   Sentinal's own report UI (webly-sentinal/app/globals.css .radar-sweep) */
@keyframes sentinal-radar-sweep { to { transform: rotate(360deg); } }
.theme-sentinal .sentinal-radar-sweep { animation: sentinal-radar-sweep 8s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .theme-sentinal .sentinal-radar-sweep { animation: none; }
}