/* =========================================================================
   Shaarei Tefila — brand tokens.

   The single source of the palette and the typefaces. Every surface loads
   this: the public site, the display board, the back office and the member
   portal. Nothing else should declare a brand colour or a font family.

   Kept separate so a new surface inherits the brand by adding one link tag,
   rather than by someone copying hex values across and them drifting apart.
   ========================================================================= */

:root {
  /* Navy, parchment and slate. No gold: it measures 2.15:1 on parchment and
     fails AA at every size, and this site publishes an AA commitment. */
  --navy: #0d1f45;
  --navy-deep: #08152f;
  --parchment: #fdfcf8;
  --parchment-deep: #f6f2e9;
  --slate: #454c5c;
  --slate-soft: #5c6474;

  /* Hairlines are navy at low opacity, so every rule belongs to one family. */
  --keyline: rgba(13, 31, 69, 0.14);
  --keyline-strong: rgba(13, 31, 69, 0.3);
  --keyline-reversed: rgba(253, 252, 248, 0.24);

  /* Two further steps of each ground, for hovers, highlighted rows and muted
     text reversed on navy. Declared here so no stylesheet invents its own. */
  --parchment-shade: #f0ebdf;
  --navy-tint: #14294f;
  --slate-reversed: #b9c2d2;

  /* Status colours for the working screens. Chosen dark enough to clear
     4.5:1 on parchment, which the previous back office values did not. */
  --flag-high: #8c2020;
  --flag-medium: #6b5310;
  --flag-low: #3d4657;
  --flag-ok: #1f5638;

  /* Faint grounds behind a status, for the office and portal tables. Warm
     enough to sit on parchment without reading as a coloured block. */
  --flag-high-bg: #fbf0ee;
  --flag-high-edge: #e6cdc8;
  --flag-ok-bg: #f0f5f1;
  --flag-ok-edge: #cbdcd1;
  --row-hover: #f8f5ee;

  --serif: 'Cormorant Garamond', 'Hoefler Text', Garamond, Georgia, serif;
  --sans: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --hebrew: 'Frank Ruhl Libre', 'Times New Roman', serif;

  --track-display: 0.16em;
  --track-wide: 0.2em;

  /* Square-ish corners throughout. The kit rules out pills. */
  --radius: 2px;
}