/* Brand Identity Styles */
:root {
  --brand-accent: #246ba2; /* Primary brand tone (navbar) */
  --brand-accent-alt: #3498db; /* Secondary gradient partner */
  --brand-font-stack: 'system-ui', 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
}

.brand-wordmark { font-family: var(--brand-font-stack); font-weight: 700; letter-spacing:.5px; line-height:1.2; display:inline-block; }
.brand-wordmark-sm { font-size:1rem; }
.brand-wordmark-md { font-size:1.2rem; }
.brand-wordmark-lg { font-size:1.55rem; }

html[dir="rtl"] .brand-wordmark-tajawal {
  font-family: "Tajawal", sans-serif;
}
html[dir="ltr"] .brand-wordmark-tajawal {
  display: none;
}

/* Solid color variant (default) */
.brand-wordmark-solid { color: var(--brand-accent); }

/* Gradient text variant (hero / emphasized usage) */
.brand-wordmark-gradient { background: linear-gradient(90deg,var(--brand-accent),var(--brand-accent-alt)); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* Optional subtle glow for dark backgrounds */
.brand-wordmark-glow { text-shadow:0 1px 2px rgba(0,0,0,.18); }

/* Utility: reduce font smoothing differences */
.brand-wordmark { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }