/* ═══════════════════════════════════════════════
   Tueri Prep — Brand Stylesheet
   Colors:  Blue #004aad · Red #bf1a1a · Gray #a6a6a6
   Logos:   /shared/brand/tp.svg (icon)
            /shared/brand/tueri-prep.svg (full)
   ═══════════════════════════════════════════════ */

:root {
  --brand-blue: #004aad;
  --brand-blue-dark: #00307a;
  --brand-blue-light: #dbeafe;
  --brand-red: #bf1a1a;
  --brand-red-dark: #8c1313;
  --brand-red-light: #fde8e8;
  --brand-gray: #a6a6a6;
  --brand-gray-dark: #737373;
}

/* ── Brand Logo Component ── */

.brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  line-height: 1;
}

.brand-logo img {
  display: block;
}

.brand-logo .logo-icon {
  width: 32px;
  height: 32px;
}

.brand-logo .logo-full {
  height: 32px;
  width: auto;
}

.brand-logo.sm .logo-icon { width: 24px; height: 24px; }
.brand-logo.sm .logo-full { height: 24px; }
.brand-logo.lg .logo-icon { width: 48px; height: 48px; }
.brand-logo.lg .logo-full { height: 48px; }

/* ── Brand Colors ── */
.text-brand-blue { color: var(--brand-blue); }
.text-brand-red { color: var(--brand-red); }
.text-brand-gray { color: var(--brand-gray); }
.bg-brand-blue { background: var(--brand-blue); color: #fff; }
.bg-brand-red { background: var(--brand-red); color: #fff; }