/*
 * The Racquet Space - Global Tenant Fonts & Brand Styles
 *
 * This file is loaded globally by the TenantFonts component
 * to ensure custom fonts and brand styles persist across all
 * tenant pages (landing, booking, auth, etc.)
 *
 * NOTE: Do NOT add page-specific styles here.
 * Use the landing page's styles.css for that.
 */

/* Myriad Arabic Font Family */
@font-face {
  font-family: 'Myriad Arabic';
  src: url('/landing-pages/trs/fonts/myriad-arabic-semibold/font.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Arabic';
  src: url('/landing-pages/trs/fonts/myriad-arabic-light/font.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Alex Brush Script Font */
@font-face {
  font-family: 'Alex Brush';
  src: url('/landing-pages/trs/fonts/alex-brush/AlexBrush-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Brand Colors - The Racquet Space */
:root {
  --trs-green: #355240;
  --trs-orange: #C16843;
  --trs-cream: #E7EBDC;
  --trs-beige: #F4F4ED;
}

/*
 * Myriad Arabic has a smaller x-height and thinner letterforms than
 * fonts like Aeonik (DRC), so at the default 16px root it appears small.
 * Bump to 20px (25% boost) to compensate for the lighter visual weight.
 */
html {
  font-size: 18px;
}

/* Apply Myriad Arabic only to TRS-owned elements (landing, header, footer).
 * Shared pages (book-court, bookings, etc.) use the default system font.
 * font-weight is NOT set here — landing uses 300 (light) via styles.css,
 * header/footer use 600 (semibold) as the default. */
.trs-landing,
.trs-landing *,
header,
header *,
footer,
footer * {
  font-family: 'Myriad Arabic', sans-serif;
}

header,
header *,
footer,
footer * {
  font-weight: 600;
}


/* Custom font utilities */
.font-myriad {
  font-family: 'Myriad Arabic', sans-serif !important;
}

.font-myriad-semibold {
  font-family: 'Myriad Arabic', sans-serif !important;
  font-weight: 600 !important;
}

.font-alex-brush {
  font-family: 'Alex Brush', cursive !important;
}