/*
 * The brand's colours, as `R G B`, from smartpa.cloud and adjusted for contrast (ADR-0013).
 * `pa-services/apps/admin/src/tokens.css` is a copy. `ci/brand-tokens.test.mjs` keeps the two
 * identical and checks the contrast of every pair in use.
 */
:root {
  --pa-black: 17 17 17; /* #111111 */
  --pa-charcoal: 34 34 34; /* #222222 */
  --pa-raised: 43 43 43; /* #2B2B2B */
  --pa-hover: 51 51 51; /* #333333 */
  --pa-hover-strong: 58 56 54; /* #3A3836 */
  --pa-warm-700: 66 60 54; /* #423C36 */
  --pa-warm-600: 98 91 84; /* #625B54 */
  --pa-warm-550: 127 119 111; /* #7F776F */
  --pa-warm-500: 140 133 126; /* #8C857E */
  --pa-warm-400: 173 166 159; /* #ADA69F */
  --pa-warm-300: 204 196 188; /* #CCC4BC */
  --pa-warm-200: 225 221 217; /* #E1DDD9 */
  --pa-warm-150: 236 233 230; /* #ECE9E6 */
  --pa-grey-200: 230 230 230; /* #E6E6E6 */
  --pa-grey-100: 243 243 243; /* #F3F3F3 */
  --pa-white: 255 255 255; /* #FFFFFF */

  --pa-cognitive: 189 154 196; /* #BD9AC4 */
  --pa-cognitive-light: 209 181 214; /* #D1B5D6 */
  --pa-cognitive-mid: 138 100 148; /* #8A6494 */
  --pa-cognitive-mid-hover: 125 90 136; /* #7D5A88 */
  --pa-cognitive-deep: 107 74 117; /* #6B4A75 */
  --pa-cognitive-deep-hover: 86 58 95; /* #563A5F */
  --pa-flow: 244 216 132; /* #F4D884 */
  --pa-citizen: 151 208 228; /* #97D0E4 */
  --pa-geo: 148 205 172; /* #94CDAC */

  --pa-error-on-dark: 242 168 160; /* #F2A8A0 */
  --pa-success-on-light: 31 107 69; /* #1F6B45 */
  --pa-info-on-light: 27 103 132; /* #1B6784 */
  --pa-warning-on-light: 122 91 0; /* #7A5B00 */
  --pa-error-on-light: 180 35 24; /* #B42318 */

  --pa-success-subtle-dark: 33 51 42; /* #21332A */
  --pa-info-subtle-dark: 31 49 56; /* #1F3138 */
  --pa-warning-subtle-dark: 56 49 27; /* #38311B */
  --pa-error-subtle-dark: 61 38 35; /* #3D2623 */
  --pa-success-subtle-light: 233 244 238; /* #E9F4EE */
  --pa-info-subtle-light: 232 243 248; /* #E8F3F8 */
  --pa-warning-subtle-light: 250 243 221; /* #FAF3DD */
  --pa-error-subtle-light: 251 236 234; /* #FBECEA */
}