/* ============================================================
   theme.css — every colour on the site, in one place.
   Swap this one file and the whole site changes, old posts included.
   Build a new one in /admin under the Theme tab.

   The *-rgb tokens are space-separated triplets of the hex above them.
   They exist so borders and shadows can be tinted from the same colour,
   e.g. rgb(var(--deep-rgb) / .12). Keep each pair in sync.
   ============================================================ */
:root {
  /* --- the nine colours --- */
  --primary:   #0085AD;   /* accent: links, filled pills, section labels */
  --deep:      #134958;   /* dark band background, sticky header         */
  --mid:       #4E99AA;   /* muted labels, table headings                */
  --sky:       #77B5C3;   /* hairlines, placeholders, dashed outlines     */
  --light:     #C1DEE2;   /* borders, image backdrops                     */
  --nearwhite: #E2F3F4;   /* pale band, pill backgrounds                  */
  --offwhite:  #EFF3F1;   /* card backgrounds                             */
  --ink:       #0f2a33;   /* headings                                     */
  --body:      #3d5a63;   /* body copy                                    */

  /* --- derived darks --- */
  --deep-lift: #17566a;   /* lighter end of the header gradient           */
  --deep-drop: #0a3542;   /* darker end of the header gradient            */
  --footer-bg: #0b2f3a;   /* footer                                       */

  /* --- triplets, must match the hex values above --- */
  --primary-rgb: 0 133 173;
  --deep-rgb:    19 73 88;
  --sky-rgb:     119 181 195;
  --ink-rgb:     15 42 51;
  --overlay-rgb: 6 26 32;  /* lightbox backdrop */
}