/* MacDougall Builders palette.
   Four brand colours from the 3a board, plus the functional values needed to
   keep them accessible. Bone and Slate are grounds. Bronze and Green are
   accents and never large fields. Contrast ratios are noted against the ground
   they are meant to sit on. */
:root {
  /* --- Brand, exactly as the board specifies --- */
  --bone: #E7E5DF;          /* ground: paper, apparel, most surfaces */
  --slate: #3C434B;         /* primary dark: body text, mark fill, panels */
  --bronze: #8C6F4D;        /* accent: rules, ticks, small highlights */
  --green: #6D7A6F;         /* secondary accent: tags, field, apparel */

  /* --- Bone ladder. Surfaces shift by ground, not by shadow. --- */
  --bone-raised: #EFEDE8;   /* card or panel lifted off the ground */
  --bone-sunk: #DEDBD3;     /* wells, inputs, image placeholders */
  --bone-line: #D3CFC5;     /* hairline on Bone */
  --bone-line-soft: #DFDCD4;

  /* --- Slate ladder --- */
  --slate-soft: #5B626B;    /* secondary text on Bone, 4.90:1 */
  --slate-deep: #2F353C;    /* panel behind a Slate panel */
  --slate-line: #565D66;    /* hairline on Slate */
  --slate-line-soft: #4A515A;

  /* --- Accent ladder. The raw accents are mid-tones, so text-safe
         variants exist for each ground. --- */
  --bronze-deep: #6F5636;   /* accent text and links on Bone, 5.45:1 */
  --bronze-light: #CDB185;  /* accent text and links on Slate, 4.88:1 */
  --bronze-wash: #EDE6DA;   /* the faintest bronze tint, hover ground only */
  --bronze-tint: #E8DFCE;   /* bronze tag ground, one step stronger than the wash */
  --green-deep: #4A5750;    /* text-bearing green band, Bone on it is 6.02:1 */
  --green-wash: #D8DDD6;    /* tag ground on Bone, Green Deep on it is 5.50:1 */

  /* --- Functional near-black. Accessibility reserve, not a brand swatch. --- */
  --ink: #1F2328;           /* fine print, maximum contrast, 12.54:1 on Bone */

  /* --- Transparencies. Used for hairlines and hover grounds only. --- */
  --ink-a08: rgba(31, 35, 40, 0.08);
  --ink-a12: rgba(31, 35, 40, 0.12);
  --ink-a20: rgba(31, 35, 40, 0.20);
  --bone-a12: rgba(231, 229, 223, 0.12);
  --bone-a24: rgba(231, 229, 223, 0.24);
  --bone-a60: rgba(231, 229, 223, 0.60);
  --bronze-a16: rgba(140, 111, 77, 0.16);
  --bronze-a32: rgba(140, 111, 77, 0.32);
}