@font-face { font-family: Manrope; src: url('/soclip-brand/manrope-400.ttf') format('truetype'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: Manrope; src: url('/soclip-brand/manrope-700.ttf') format('truetype'); font-weight: 600 800; font-display: swap; }
html body, html body button, html body input, html body select, html body textarea { font-family: Manrope, Arial, sans-serif; }
/* Presentation only. Preserve warning/status colors and all controls. */
html.theme_light {
  --color-primary-600: 16 45 32;
  --color-primary-700: 23 61 43;
  --color-bg-primary: #F8F8F2;
  --color-bg-secondary: #EEF1E8;
  --color-bg-tertiary: #FFFFFF;
  --color-bg-brand: #102D20;
  --color-bg-brand-strong: #173D2B;
  --color-bg-brand-stronger: #102D20;
  --color-bg-brand-soft: #DCE9BA;
  --color-bg-brand-softer: #EEF4E1;
  --color-fg-brand: #102D20;
  --color-fg-brand-strong: #173D2B;
  --color-border-brand: #102D20;
  --color-border-brand-strong: #173D2B;
  --color-border-focus: #102D20;
  --color-nav-bg-brand: #102D20;
  --color-nav-bg-admin: #102D20;
}
html.theme_dark {
  --color-primary-600: 220 233 186;
  --color-primary-700: 238 244 225;
  --color-bg-primary: #111A15;
  --color-bg-secondary: #1E2A22;
  --color-bg-tertiary: #17221B;
  --color-bg-quaternary: #2E3D33;
  --color-bg-brand: #DCE9BA;
  --color-bg-brand-strong: #EEF4E1;
  --color-bg-brand-stronger: #DCE9BA;
  --color-bg-brand-soft: #34482B;
  --color-bg-brand-softer: #1F2C21;
  --color-fg-brand: #DCE9BA;
  --color-fg-brand-strong: #EEF4E1;
  --color-border-brand: #DCE9BA;
  --color-border-brand-strong: #EEF4E1;
  --color-border-focus: #DCE9BA;
  --color-nav-bg-brand: #102D20;
  --color-nav-bg-admin: #102D20;
}
html.theme_light img.new-logo-themed { content: url('/soclip-brand/logo-light.svg'); width: 220px; }
html.theme_dark img.new-logo-themed { content: url('/soclip-brand/logo-dark.svg'); width: 220px; }
/* The organization console ships a separate inline wordmark in its lazy bundle.
   Replace only that decorative logo; keep the link and accessible role intact. */
#bit-side-nav a:has(#admin-console-logo-clip) {
  background-image: url('/soclip-brand/logo.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 240px auto;
}
#bit-side-nav a:has(#admin-console-logo-clip) > bit-svg { visibility: hidden; }

/* Inline login wordmark follows the page theme; navigation stays white. */
html.theme_light svg filter#wordmark-color feFlood { flood-color: #102D20; }