/*
  Design System: https://www.figma.com/design/tqw8E93lHU28UzObOzm6vb/SMAP-Design-System?node-id=107-14&t=DZTAfkAm6wnNo5el-0
*/
:root {
  /* Primary Colors */
  --ppa-color-berry-thin: #fce4ec;
  --ppa-color-berry-lightest: #e69bba;
  --ppa-color-berry-lighter: #c84177;
  --ppa-color-berry-light: #be2864;
  --ppa-color-berry: #b50f52;
  --ppa-color-berry-mid-dark: #ac0e4e;
  --ppa-color-berry-dark: #a30d4a;
  --ppa-color-berry-darker: #9a0c46;
  --ppa-color-berry-darkest: #910b42;
  --ppa-color-berry-black: #880b3e;
  --ppa-color-blue-thin: #c9edf1;
  --ppa-color-blue-lightest: #92dae5;
  --ppa-color-blue-lighter: #5cc8da;
  --ppa-color-blue-light: #47a7b8;
  --ppa-color-blue: #308091;
  --ppa-color-blue-mid-dark: #2c7a8a;
  --ppa-color-blue-dark: #297484;
  --ppa-color-blue-darker: #266e7e;
  --ppa-color-blue-darkest: #236978;
  --ppa-color-blue-black: #275e6b;

  /* Secondary Colors */
  --ppa-color-green-thin: #f2f8bd;
  --ppa-color-green-lightest: #d6dc6c;
  --ppa-color-green-lighter: #c7cf4a;
  --ppa-color-green-light: #b8c228;
  --ppa-color-green: #acb525;
  --ppa-color-green-mid-dark: #a0a923;
  --ppa-color-green-dark: #98a11b;
  --ppa-color-green-darker: #9aa314;
  --ppa-color-green-darkest: #747b09;
  --ppa-color-green-black: #6c7500;
  --ppa-color-yellow-thin: #fff1cb;
  --ppa-color-yellow-lightest: #ffd666;
  --ppa-color-yellow-lighter: #feca4d;
  --ppa-color-yellow-light: #febf34;
  --ppa-color-yellow: #ecae27;
  --ppa-color-yellow-mid-dark: #db9e1a;
  --ppa-color-yellow-dark: #c8911a;
  --ppa-color-yellow-darker: #976e17;
  --ppa-color-yellow-darkest: #8c6718;
  --ppa-color-yellow-black: #87651c;
  --ppa-color-orange-thin: #ffe8cb;
  --ppa-color-orange-lightest: #ffddb4;
  --ppa-color-orange-lighter: #fed5b5;
  --ppa-color-orange-light: #fdceb7;
  --ppa-color-orange: #f3b69f;
  --ppa-color-orange-mid-dark: #e99f88;
  --ppa-color-orange-dark: #df8871;
  --ppa-color-orange-darker: #c85032;
  --ppa-color-orange-darkest: #c04e35;
  --ppa-color-orange-black: #c1432b;

  /* Neutrals */
  --ppa-color-gray-cool-thin: #eff3f4;
  --ppa-color-gray-cool-lightest: #d7dfe7;
  --ppa-color-gray-cool-lighter: #bfc8d2;
  --ppa-color-gray-cool-light: #a8b2bd;
  --ppa-color-gray-cool-mid-light: #829099;
  --ppa-color-gray-cool: #6a7581;
  --ppa-color-gray-cool-mid-dark: #5c6f76;
  --ppa-color-gray-cool-dark: #4f6067;
  --ppa-color-gray-cool-darker: #425158;
  --ppa-color-gray-cool-darkest: #354249;
  --ppa-color-gray-cool-black: #29333b;
  --ppa-color-gray-warm-thin: #616161;
  --ppa-color-gray-warm-lightest: #595959;
  --ppa-color-gray-warm-lighter: #4c4c4c;
  --ppa-color-gray-warm-light: #404040;
  --ppa-color-gray-warm: #383838;
  --ppa-color-gray-warm-mid-dark: #303030;
  --ppa-color-gray-warm-dark: #2c2c2c;
  --ppa-color-gray-warm-darker: #282828;
  --ppa-color-gray-warm-darkest: #242424;
  --ppa-color-gray-warm-black: #212121;

  /* Semantics */
  --ppa-color-success-thin: #cfffd0;
  --ppa-color-success-lightest: #a6dea8;
  --ppa-color-success-lighter: #7ebe81;
  --ppa-color-success-light: #308232;
  --ppa-color-success: #2e7d32;
  --ppa-color-error-thin: #ffe7e2;
  --ppa-color-error-lightest: #ffd9d2;
  --ppa-color-error-lighter: #e89d98;
  --ppa-color-error-light: #ca4944;
  --ppa-color-error: #bb2525;
  --ppa-color-true-gray-thin: #f2f2f2;
  --ppa-color-true-gray-lightest: #c9c9c9;
  --ppa-color-true-gray-lighter: #a1a1a1;
  --ppa-color-true-gray-light: #6b6b6b;
  --ppa-color-true-gray: #434343;
  --ppa-color-red-thin: #ffc6c6;
}