/* ==========================================================================
   PALETTE — generated by backend-data/templates/tools/design_tokens.mjs
   ==========================================================================
   Do not edit. Change the theme and re-generate.

   Every colour role in drop-core's vocabulary, in the values the theme
   states and — for the stops it has no opinion about — the ones derived
   from its own primary ramp. The admin's design page reads its swatches
   from here.
   ========================================================================== */

:root {
  /* primary */
  --color-primary-50: #f2f6f7;
  --color-primary-100: #e3ebee;
  --color-primary-200: #c5d7dc;
  --color-primary-300: #9fbcc5;
  --color-primary-400: #729ca9;
  --color-primary-500: #54818f;
  --color-primary-600: #446a77;
  --color-primary-700: #385762;
  --color-primary-800: #2d454e;
  --color-primary-900: #22343b;
  --color-primary-on: #ffffff;
  --color-primary-soft: #e3ebee;
  --color-primary-strong: #2d454e;
  --color-primary-container: #e3ebee;
  --color-primary-on-container: #2d454e;
  --palette-primary-anchors: "50,100,200,300,400,500,600,700,800,900";

  /* secondary */
  --color-secondary-50: #fbf3ef;
  --color-secondary-100: #f6e6dd;
  --color-secondary-200: #eecbb8;
  --color-secondary-300: #e0a889;
  --color-secondary-400: #cc7e51;
  --color-secondary-500: #b4622f;
  --color-secondary-600: #944e21;
  --color-secondary-700: #7a401c;
  --color-secondary-800: #613317;
  --color-secondary-900: #492712;
  --color-secondary-on: #ffffff;
  --color-secondary-soft: #fbf3ef;
  --color-secondary-strong: #b4622f;
  --color-secondary-container: #fbf3ef;
  --color-secondary-on-container: #b4622f;
  --palette-secondary-anchors: "500";

  /* accent */
  --color-accent-50: #fbf3ef;
  --color-accent-100: #f6e6dd;
  --color-accent-200: #eecbb8;
  --color-accent-300: #e0a889;
  --color-accent-400: #cc7e51;
  --color-accent-500: #b4622f;
  --color-accent-600: #944e21;
  --color-accent-700: #7a401c;
  --color-accent-800: #613317;
  --color-accent-900: #492712;
  --color-accent-on: #ffffff;
  --color-accent-soft: #fbf3ef;
  --color-accent-strong: #b4622f;
  --color-accent-container: #fbf3ef;
  --color-accent-on-container: #b4622f;
  --palette-accent-anchors: "500";

  /* neutral */
  --color-neutral-50: #ffffff;
  --color-neutral-100: #f4f6f7;
  --color-neutral-200: #d7e0e3;
  --color-neutral-300: #a7bac2;
  --color-neutral-400: #7e99a5;
  --color-neutral-500: #617e8a;
  --color-neutral-600: #5a6b71;
  --color-neutral-700: #41555e;
  --color-neutral-800: #34444b;
  --color-neutral-900: #1e2a2f;
  --color-neutral-on: #eef3f4;
  --color-neutral-soft: #f4f6f7;
  --color-neutral-strong: #1e2a2f;
  --color-neutral-container: #f4f6f7;
  --color-neutral-on-container: #1e2a2f;
  --palette-neutral-anchors: "50,100,200,600,900";

  /* success */
  --color-success-50: #f0f7f2;
  --color-success-100: #e8f2ec;
  --color-success-200: #bdddc6;
  --color-success-300: #90c5a1;
  --color-success-400: #57a876;
  --color-success-500: #318d58;
  --color-success-600: #2e7d4f;
  --color-success-700: #1f603b;
  --color-success-800: #1d5033;
  --color-success-900: #143a23;
  --color-success-on: #ffffff;
  --color-success-soft: #e8f2ec;
  --color-success-strong: #1d5033;
  --color-success-container: #e8f2ec;
  --color-success-on-container: #1d5033;
  --palette-success-anchors: "100,600,800";

  /* warning */
  --color-warning-50: #faf0dd;
  --color-warning-100: #f3e7db;
  --color-warning-200: #e6cfb5;
  --color-warning-300: #d4af84;
  --color-warning-400: #bd8847;
  --color-warning-500: #9a630f;
  --color-warning-600: #885813;
  --color-warning-700: #6d4508;
  --color-warning-800: #583910;
  --color-warning-900: #432b0d;
  --color-warning-on: #ffffff;
  --color-warning-soft: #faf0dd;
  --color-warning-strong: #6d4508;
  --color-warning-container: #faf0dd;
  --color-warning-on-container: #6d4508;
  --palette-warning-anchors: "50,500,700";

  /* error */
  --color-error-50: #fff2ef;
  --color-error-100: #fbe9e7;
  --color-error-200: #ffc2b8;
  --color-error-300: #f9988a;
  --color-error-400: #ec6252;
  --color-error-500: #d13c2f;
  --color-error-600: #bb3a2e;
  --color-error-700: #90261d;
  --color-error-800: #7d251d;
  --color-error-900: #571912;
  --color-error-on: #ffffff;
  --color-error-soft: #fbe9e7;
  --color-error-strong: #7d251d;
  --color-error-container: #fbe9e7;
  --color-error-on-container: #7d251d;
  --palette-error-anchors: "100,600,800";

  /* info */
  --color-info-50: #f0f6fa;
  --color-info-100: #e5f0f6;
  --color-info-200: #bdd8e9;
  --color-info-300: #91bdd9;
  --color-info-400: #5b9dc4;
  --color-info-500: #3781ab;
  --color-info-600: #2b6b8f;
  --color-info-700: #235775;
  --color-info-800: #1a4459;
  --color-info-900: #163446;
  --color-info-on: #ffffff;
  --color-info-soft: #e5f0f6;
  --color-info-strong: #1a4459;
  --color-info-container: #e5f0f6;
  --color-info-on-container: #1a4459;
  --palette-info-anchors: "100,600,800";

}