/* Colour and type tokens taken from the official sites (brand/brand.md): visitredsea.com (The Red Sea) and amaala.com.
   Fedra (the official face, Typotheque) is commercial; Newsreader (display serif) and Jost (the site's own declared
   fallback for Fedra Sans) stand in. Arabic: Noto Naskh Arabic (headings) and IBM Plex Sans Arabic (text). */
:root {
  --ink: #1e282f;          /* vrs blue-charcoal-900: text, dark panels */
  --ink-800: #353e44;
  --ink-600: #6c7882;
  --line: #b2bac1;         /* vrs blue-charcoal-300 */
  --mist: #f0f3f5;
  --paper: #fafaf7;        /* vrs sand-25 */
  --sand: #efeeea;         /* vrs sand-100 */
  --aqua: #71bfb7;         /* vrs aqua-400, brand primary */
  --aqua-600: #43807b;
  --aqua-700: #37706c;     /* brand text, secondary buttons */
  --aqua-800: #2c5c59;
  --turq: #d7f7f7;
  --deep: #04253c;         /* brand secondary 900 (deep sea) */
  --sea: #456b91;
  --gold: #b89c67;         /* tertiary 300 */
  --coral: #d44d2b;        /* tertiary 500 */
  --reef-1: #5fb0c2; --reef-2: #71c2ba; --reef-3: #449f9c; --reef-4: #df6c2d; --reef-5: #c03f27;   /* logo coral marks */
  --amaala-gold: #c1a681; --amaala-gold-300: #d5ba8f; --amaala-rock: #3c4540; --amaala-pearl: #f8f5ec; --amaala-reef: #968c8c;
  --serif: 'Newsreader', 'Noto Naskh Arabic', Georgia, serif;
  --sans: 'Jost', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --ar-serif: 'Noto Naskh Arabic', 'Newsreader', serif;
  --ar-sans: 'IBM Plex Sans Arabic', 'Jost', sans-serif;
}
html[dir="rtl"] { --serif: var(--ar-serif); --sans: var(--ar-sans); }
.ph-size { font-family: 'Silkscreen', monospace; font-size: 8px; letter-spacing: 0.06em; -webkit-font-smoothing: none; }