/* ---------------------------------------------------------------------------
   VComm brand skin. Loaded after custom-theme.css, which defines the token
   names; this file only re-points the brand ramp and the Bootstrap primary.

   It lives on the `vcommcloud` branch only, and custom-theme.css is deliberately
   left untouched here, so merging dinhtrongsan into this branch never conflicts
   over brand colour.
   --------------------------------------------------------------------------- */
:root {
  /* Deep teal. #0F766E is the primary; 5.4:1 on white, so white text on a
     brand fill and brand text on a white card both clear WCAG AA. */
  --brand-50:#f0fdfa; --brand-100:#ccfbf1; --brand-300:#5eead4;
  --brand-500:#0d9488; --brand-600:#0f766e; --brand-700:#115e59;

  /* Second stop of the brand gradient, replacing the stock violet. Kept light
     enough that the gradient still reads as a gradient at small sizes. */
  --brand-accent:#14b8a6;
  --brand-gradient:linear-gradient(135deg, var(--brand-600) 0%, var(--brand-accent) 100%);

  /* Channel lists for the rgba() tints — keep in sync with the two above. */
  --brand-500-rgb:13,148,136;
  --brand-accent-rgb:20,184,166;

  /* Follow the brand for .btn-primary, .text-primary, .bg-primary, links. */
  --bs-primary:var(--brand-600);
  --bs-primary-rgb:15,118,110;
}

/* --- Wordmark -------------------------------------------------------------
   The stock treatment paints the app name in the brand gradient. That works
   where the mark is brand-coloured, but VComm's mark is gold, so the two halves
   of the lockup ended up disagreeing. The supplied artwork sets "COMM" in
   chrome beside the gold V, so the wordmark follows it: solid graphite ink, no
   gradient, tightened a touch to match the artwork's spacing.

   Both rules have to undo `-webkit-text-fill-color: transparent`, which
   outranks `color` and would otherwise leave the text invisible. The sidebar is
   scoped through `body` on purpose: its declaration sits in a <style> block
   inside the page body, so it already beats this file on source order, and the
   extra element selector is what puts this back in front.
   ------------------------------------------------------------------------- */
.logo-text,
body #layout-menu .menu-text {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  color: var(--text);
  letter-spacing: -0.01em;
}