/* ============================================================
   Tenant theme — Babcock University
   Single source of truth for brand colors. Loaded by both
   includes/header.php (admin) and partials/header.php (storefront)
   before per-page CSS so any stylesheet using var(--primary) etc.
   inherits the tenant palette automatically.
   ============================================================ */

:root {
  /* Brand */
  --primary:        #003B7A;   /* Babcock royal blue */
  --primary-dark:   #002A5C;
  --primary-light:  #1A5598;
  --primary-2:      #1A5598;   /* legacy alias used by storefront gradients */
  --primary-soft:   #E6EEF7;   /* tinted backgrounds, badges */

  --accent:         #C9A227;   /* Babcock gold */
  --accent-dark:    #A88420;
  --accent-light:   #E0B941;
  --accent-soft:    #F7EDC9;

  /* Neutrals */
  --ink:            #0a0a0a;
  --ink-2:          #1f2937;
  --muted:          #64748b;
  --muted-2:        #94a3b8;
  --surface:        #ffffff;
  --surface-alt:    #f5f7fb;
  --surface-2:      #eef2f7;
  --border:         #e2e6ea;
  --border-strong:  #cbd2da;

  /* Status (kept generic across tenants) */
  --success:        #1f8a4d;
  --success-dark:   #166936;
  --warning:        #b8860b;
  --warning-soft:   #fff4cc;
  --danger:         #c0392b;
  --danger-dark:    #962d22;
  --danger-soft:    #fde7e4;
  --info:           #1A5598;

  /* Misc */
  --radius:         10px;
  --radius-sm:      6px;
  --radius-lg:      16px;
  --shadow-sm:      0 1px 2px rgba(10,20,40,.06);
  --shadow:         0 4px 12px rgba(10,20,40,.08);
  --shadow-lg:      0 12px 32px rgba(10,20,40,.12);
}

/* Convenience utility classes used across rebrand surfaces */
.brand-bg   { background: var(--primary); color: #fff; }
.brand-fg   { color: var(--primary); }
.accent-bg  { background: var(--accent); color: #fff; }
.accent-fg  { color: var(--accent); }
.brand-grad { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); color:#fff; }