/* ════════════════════════════════════════════════════════════════════
   BRANDING — The City College of New York (CUNY)
   White-label layer (Round 34). To rebrand for another institution:
     1. Replace /public/shared/branding/seal.png, lockup.png, favicon.png
     2. Update the color values below (derived from the institution's brand)
     3. Update institution name strings in the page <title>s and header
   Colors below are sampled from the official CCNY logos:
     lockup lavender  #7e57c6  (AA contrast on white: 5.2:1)
     seal lavender    #775ca7
   ════════════════════════════════════════════════════════════════════ */
:root {
  --accent:        #7e57c6;               /* CCNY lavender (primary actions) */
  --accent-hover:  #6a46ad;
  /* #7e57c6 clears AA on plain white (5.2:1) but not on the tinted badge and
     chip backgrounds, where it lands at 4.27:1. Use this for text on a tint. */
  --accent-deep:   #6a46ad;               /* 5.6:1 on the badge tints */
  --accent2:       #9d7fe0;               /* lighter lavender (gradients on dark surfaces) */
  --ink:           #241a3c;               /* deep aubergine — the sidebar rail */
  --keyline:       #b9a5ec;               /* pale lavender keyline (replaces old gold) */
  --accent-soft:   rgba(126, 87, 198, .08);
  --accent-ring:   rgba(126, 87, 198, .16);
  --accent-border: rgba(126, 87, 198, .28);
}

/* Teacher console: institution line under the product name */
.header-inst {
  font-size: .68rem;
  color: var(--muted);
  letter-spacing: .02em;
  margin-top: -2px;
}

/* Teacher console: the seal replaces the monogram square */
img.header-logo {
  width: 32px; height: 32px;
  background: transparent;
  border-radius: 0;
  object-fit: contain;
}

/* Login: the full horizontal lockup above the sign-in form */
.login-lockup {
  display: block;
  width: 82%;
  max-width: 300px;
  margin: 0 auto 18px;
}

/* Student check-in: the seal replaces the gradient app icon (CSS-only swap) */
.app-icon {
  background: transparent url('/shared/branding/seal.png') center / contain no-repeat !important;
  box-shadow: none !important;
  font-size: 0 !important;
}