/*
  The only file in the project allowed to hold colour literals.
  Provenance: k-means (k=6, sklearn, seed 1) over the opaque pixels of brand/LOGO HOLDORA PNG.png and
  reference/HOLDORA 1.jpg; every centre is snapped to the nearest real pixel, coordinate noted as (x,y).
*/
:root {
  --brand:  #33a081; /* logo field, pixel (0,0) of the logo, 92.6% cluster */
  --white:  #fcfbfd; /* logo mark, pixel (477,584) of the logo */
  --deep:   #07644f; /* banner 1 deep cluster, pixel (158,312) */
  --forest: #027e62; /* banner 1 main cluster, pixel (296,0) */
  --green:  #029978; /* banner 1 main cluster, pixel (1137,0) */
  --glow:   #0ecba1; /* banner 1 bright cluster, pixel (1592,0) */
  --mint:   #5ee4c9; /* banner 1 highlight cluster, pixel (1258,805) */
  --frost:  #eefafa; /* banner 1 light cluster, pixel (155,31) */

  --color-mint: var(--mint);

  --bg: var(--white);
  --ink: var(--deep);
  --ink-soft: color-mix(in srgb, var(--deep) 74%, var(--white));
  --line: color-mix(in srgb, var(--deep) 14%, transparent);
  --card: var(--frost);

  --ease-out: cubic-bezier(.7, 0, .2, 1);
  --header-h: 63px;
}