/* PracticeU Front Office - Dynamic Branding */
/* This file loads branding dynamically from space settings */
/* Include this AFTER front-styles.css */

/**
 * Usage:
 * 1. Add this script in HTML head BEFORE closing </head>:
 *    <script src="js/branding.js"></script>
 * 
 * 2. Script will load space branding and inject CSS variables
 * 
 * Database fields used (from spaces table):
 * - logoUrl: Logo image URL
 * - bgColor: Background color
 * - primaryColor: Primary brand color
 * - secondaryColor: Secondary brand color  
 * - tertiaryColor: Tertiary accent color
 * - primaryFont: Primary font family
 * - secondaryFont: Secondary font family
 */

/* Default colors (fallback if space has no branding) */
/* Apply brand fonts */
body {
  font-family: var(--brand-font-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--brand-font-secondary);
}

/* Logo styling */
.nav-brand img {
  max-width: 150px;
  width: auto;
}

.auth-logo img {
  max-width: 250px;
  width: auto;
}

.footer-logo img {
  max-height: 50px;
  width: auto;
}

@font-face {
  font-family: "Al murberry Medium";
  font-display: swap;
  src: url("../fonts/Al_Murberry_Medium.ttf") format("opentype");
}
@font-face {
  font-family: "Museo";
  font-display: swap;
  src:
    url("../fonts/MuseoSans-300.ttf") format("truetype"),
    url("../fonts/MuseoSans-300.otf") format("opentype");
}