/* ==========================================================================
   COLOUR TOKENS — the one place the site's colours are defined
   ==========================================================================
   Every reader page loads this sheet first and refers to these names;
   no page carries a colour of its own. Change a value here and every
   page follows. The *-rgb triplets exist so translucent uses can be
   written rgba(var(--copper-rgb), 0.12) against the same source.

   Values marked "measured" were set by the audit: the smallest lightness
   shift of the original that clears WCAG 4.5:1 on the ground it sits on,
   hue and saturation untouched.
   ========================================================================== */
:root {
  /* grounds */
  --ground: #F7F3EA;        /* the page */
  --card: #FBF8F1;          /* cards, panels */
  --card-lift: #FDF9F0;     /* an open or hovered card */
  --card-soft: #F5EEDD;     /* pressed or hovered chip */
  --card-cool: #F5F3EE;
  --wash: #FBF1E4;          /* copper-tinted wash */
  --tint-warm: #F1EBDC;
  --tint-stone: #E8E0D0;
  --tint-amber: #FCEFD9;
  --pill-ground: #E4DDCB;
  --white: #FFFFFF;

  /* ink */
  --ink: #1A1814;
  --ink-soft: #3A3830;      /* body text */
  --ink-mid: #6B6860;       /* taglines, secondary */
  --ink-quiet: #4A4740;
  --ink-brown: #5A4530;

  /* greys for meta lines and notes - all measured */
  --grey: #706E65;          /* was #78756C */
  --grey-faint: #736D62;    /* was #B0ABA2 */
  --grey-quiet: #757165;    /* was #8A8578 */
  --grey-pale: #716E62;     /* was #9A968A */

  /* rules and borders */
  --rule: #DDD6C8;
  --rule-strong: #C8C3B8;
  --rule-light: #EAE4D6;
  --rule-mid: #D9D2C2;

  /* accents */
  --copper: #AB5627;        /* the paper's own colour; measured, was #C4622D */
  --copper-deep: #A8511F;
  --copper-hover: #8C3D18;
  --gold: #8B681E;          /* cookbook and recipe; measured, was #C9962C */
  --amber: #7E5F12;         /* badges, pills, Economy; measured, was #8B6914 */
  --olive: #6B5A1E;
  --navy: #1A3A5C;          /* weather, International */
  --navy-deep: #12283F;
  --plum: #9C4A6B;          /* stars, Health */
  --green: #2D6A4F;         /* Science, success */
  --teal: #297979;          /* Curious; measured, was #2A7B7B */
  --blue: #2B6CB0;          /* links that act in place */
  --blue-deep: #1A4A80;
  --blue-tint: #E3ECF6;
  --blue-ink: #4A6A90;
  --purple: #5B3A8A;        /* Word of the Day, Ideas */

  /* states */
  --ok-tint: #E4F3E8;
  --ok: #BFE8CC;
  --bad-tint: #F8D7D7;
  --bad: #B4453A;
  --bad-deep: #B0413E;

  /* tile grounds, seen only while a tile's art loads */
  --umber: #2B2118;
  --teal-deep: #1A6B8A;
  --saddle: #8B4513;
  --ochre: #9F6A2D;
  --steel-blue: #2D6A9F;
  --violet: #4A3570;
  --emerald: #2D9F6A;
  --grape: #7B3FA0;
  --indigo: #4A0080;
  --game-teal: #2EC4B6;

  /* triplets for translucent uses */
  --ink-rgb: 26, 24, 20;
  --copper-rgb: 171, 86, 39;
  --navy-rgb: 26, 58, 92;
  --gold-rgb: 139, 104, 30;
  --amber-rgb: 139, 105, 20;
  --green-rgb: 45, 106, 79;
  --ground-rgb: 247, 243, 234;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
}