/* Approved reference palette. The animated hero is white with charcoal type; warm-gray tokens draw its lines.
   Solid tokens use the printed HEX values, not screenshot display pixels. */
:root {
  --color-white: #FFFFFF;
  --color-off-white: #F6F0E6;
  /* Very light neutral grey: the Why Us cards and the light grey covers. */
  --color-light-grey: #F2F2F2;
  /* Thin rules and quiet secondary text (the tiwd.courses reference lines). */
  --color-rule-grey: #E2E2E2;
  --color-text-grey: #999999;
  --color-supernal-light-green: #E8FFA7;
  --color-supernal-green: #AFF005;
  --color-periwinkle: #A7B6FF;
  --color-warm-gray: #C3C3B6;
  --color-dark-warm-gray: #808064;
  --color-black: #000000;
  /* Brand charcoal (the paper logo's dyed paper): the dark services surface. */
  --color-charcoal: #0D0D0D;

  /* User-approved softer field. The original remains available as a reference. */
  --gradient-supernal-reference: url("./public/brand/supernal-gradient.svg");
  --gradient-supernal: url("./public/brand/supernal-gradient-soft.svg");
  /* Pale lilac sampled from the user-selected area of the existing highlight. */
  --color-highlight-lilac: #D4D1EF;
  --gradient-supernal-size: 100% 100%;
  --gradient-supernal-position: center;
  --gradient-supernal-repeat: no-repeat;
}