/* ============================================================
   TKU Scholarships — BRAND FILE (the per-tenant swap point)
   ============================================================
   This file is the ONLY place client branding lives. To white-label a
   deployment, replace this file (or serve a tenant-specific copy) — nothing
   else changes. Every color in the app (styles.css), the landing page
   (index.html), and the login page (login.html) resolves through these
   tokens. Product/tenant NAMES live in the HTML shells (index/login/app);
   the crest mark is the .crest element's text.

   Default theme: The King's University (warm institutional purple + gold).
   Future paid custom branding = a new copy of this file with the client's
   palette (keep the same token names; --brand-primary-rgb must match
   --brand-primary as a bare "R, G, B" triplet — it drives shadows/washes).
   ============================================================ */
:root {
  /* Core identity */
  --brand-primary:        #491345;  /* primary brand color (chrome, buttons, headings) */
  --brand-primary-accent: #6B3A68;  /* lighter companion (hover, secondary emphasis)   */
  --brand-primary-pale:   #F0E6EF;  /* pale wash (chips, subtle fills)                 */
  --brand-primary-deeper: #2E0C2B;  /* darkest shade (hero text, banner depth)         */
  --brand-accent:         #B8893E;  /* secondary/accent (gold in the default theme)    */
  --brand-neutral-fill:   #F5F2F4;  /* neutral tinted fill derived from the primary    */

  /* The primary as a bare R,G,B triplet — used for alpha washes:
     rgba(var(--brand-primary-rgb), .06) etc. KEEP IN SYNC with --brand-primary. */
  --brand-primary-rgb:    73, 19, 69;

  /* Page/surface tint family (subtly warmed toward the primary; a custom
     theme may neutralize these to pure greys/white). */
  --brand-bg-page:        #faf7f9;
  --brand-text-primary:   #1f1219;
  --brand-text-muted:     #5f4d59;
  --brand-border-soft:    #d8c9d4;
}

/* .tku-lockup — the inline-SVG TKU mark + wordmark + "The King's University"
   subtitle as ONE unit, scaled by --lockup-h so every page renders the same
   proportions. No image files: the mark is hand-drawn SVG (.tku-mark) colored
   by the brand tokens.
   ============================================================ */
.tku-lockup {
  --lockup-h: 46px;
  display: flex;
  align-items: center;
  gap: calc(var(--lockup-h) * 0.28);
  text-decoration: none;
  color: inherit;
}
.tku-lockup .tku-mark {
  height: var(--lockup-h);
  width: auto;
  display: block;
  flex-shrink: 0;
}
.tku-lockup .lockup-text { display: flex; flex-direction: column; gap: 2px; }
.tku-lockup .lockup-name {
  font-size: calc(var(--lockup-h) * 0.42);
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.1;
  color: var(--brand-primary);
  white-space: nowrap;
}
.tku-lockup.on-dark .lockup-name { color: #fff; }
.tku-lockup .lockup-sub {
  font-size: calc(var(--lockup-h) * 0.215);
  line-height: 1.2;
  letter-spacing: 0.06em;
  white-space: nowrap;
  color: var(--brand-text-muted);
}
.tku-lockup.on-dark .lockup-sub { color: rgba(255, 255, 255, 0.72); }
/* the TKU mark — TRACED from the official asset (exact match, single path;
   the K is a true cutout, so the surface color shows through it). One fill
   inverts the whole mark between light and dark contexts. */
.tku-mark path { fill: var(--brand-primary); }
.on-dark .tku-mark path, .tku-lockup.on-dark .tku-mark path { fill: #fff; }
/* "The King's University" in the subtitle links to tku.edu (new tab) —
   inherits the subtitle color, underlines on hover only. */
.tku-lockup .lockup-sub a {
  color: inherit;
  text-decoration: none;
}
.tku-lockup .lockup-sub a:hover { text-decoration: underline; }