/* Tiger Event — shared brand layer. The same file is used by every Tiger Event app,
   loaded last so it wins: one set of fonts (Arabic + English) and one gold accent,
   matching tiger-event.com. Edit here and copy to every app, never per app. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Noto+Kufi+Arabic:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  --te-stage: #060A12;      /* night-stage background */
  --te-navy: #0B1F3A;       /* brand navy */
  --te-blue: #0047A4;       /* royal blue of the logo */
  --te-primary: #1D5FB0;    /* buttons / links on light screens */
  --te-gold: #F4CE5A;       /* brand gold accent (dark text on it) */
  --te-on-gold: #14100A;
  --te-gold-ink: #8A6A12;   /* gold for text on white */
  --te-white: #FFFFFF;
  --te-font: 'IBM Plex Sans Arabic', 'Archivo', system-ui, sans-serif;
  --te-font-head: 'Noto Kufi Arabic', 'Archivo', 'IBM Plex Sans Arabic', sans-serif;
  --te-font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* One body font everywhere (Arabic and English). Code and anything marked mono keep the mono
   font; invitation previews/designs (.te-keep-font) and printed documents (#print-area) keep their own fonts. */
html body,
html body :where(*:not(code, pre, kbd, samp, svg, svg *, .te-keep-font, .te-keep-font *, #print-area, #print-area *)) {
  font-family: var(--te-font) !important;
}
html body :is(h1, h2, h3, .te-head):not(.te-keep-font, .te-keep-font *, #print-area, #print-area *) {
  font-family: var(--te-font-head) !important;
}
html body :is(code, pre, kbd, samp, .mono, [class*="mono"], [data-te-mono]):not(.te-keep-font *, #print-area *) {
  font-family: var(--te-font-mono) !important;
}