/*
  Brand layer — fonts and palette from media/.

  Palette read straight out of Guidelines.pdf (literal hex values in the
  document) and cross-checked against the logo PNGs by sampling their pixels:
  the wordmark is #E70C0C, the stamp carries #E73132 / #F7A600 / #1D1D1B.

  The family ships six weights and NO bold — Medium (500) is the heaviest cut.
  The @font-face for Medium therefore claims 500-900 so that anything asking for
  bold resolves to a real Medium face instead of the browser smearing a faux
  bold, which looks especially bad on Arabic letterforms.
*/

@font-face {
  font-family: 'PingAR';
  src: url('/fonts/PingAR-Hairline.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingAR';
  src: url('/fonts/PingAR-Thin.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingAR';
  src: url('/fonts/PingAR-ExtraLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingAR';
  src: url('/fonts/PingAR-Light.otf') format('opentype');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingAR';
  src: url('/fonts/PingAR-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingAR';
  src: url('/fonts/PingAR-Medium.otf') format('opentype');
  font-weight: 500 900;
  font-style: normal;
  font-display: swap;
}

/*
  The HTML hidden attribute is enforced by the UA stylesheet at specificity
  0,1,0 — so any class rule that sets `display` silently beats it. Tailwind's
  preflight supplied this with !important, which is why the prize panel
  (.reveal, display:grid) started showing on load the moment Tailwind was
  dropped from this page.

  Stated here rather than inherited from a framework: hidden means hidden,
  whatever a class says.
*/
[hidden] {
  display: none !important;
}

:root {
  /* Guidelines.pdf, verbatim */
  --brand-red:        #E73331;
  --brand-red-light:  #ED6B6A;
  --brand-red-deep:   #BD192F;
  --brand-gold:       #F7A600;
  --brand-gold-light: #FDD491;
  --brand-gold-deep:  #D18A12;
  --brand-ink:        #1D1D1B;
  --brand-plum:       #532665;

  /* Sampled from the wordmark PNG — a hotter red than the stamp's. */
  --brand-red-hot:    #E70C0C;

  --brand-font: 'PingAR', 'Tajawal', system-ui, -apple-system, 'Segoe UI', sans-serif;
}