:root {
  --font-primary: 'Manrope', sans-serif;
  
  --primary-50: #e9f2ea;
  --primary-75: #d2e4d4;
  --primary-100: #90bc94;
  --primary-200: #79af7f;
  --primary-300: #4d9454;
  --primary-400: #3b7a40;
  --primary-500: #207929;
  --primary-600: #1c6924;
  --primary-700: #1a6121;
  --primary-800: #134919;
  --primary-900: #0d3211;
  --primary-a100: #80ff85;
  --primary-a200: #4dff54;
  --primary-a400: #1aff23;
  --primary-a700: #01ff0a;

  --warn-50: #f7e7e7;
  --warn-100: #ebc3c3;
  --warn-200: #de9b9b;
  --warn-300: #d17272;
  --warn-400: #c75454;
  --warn-500: #bd3636;
  --warn-600: #b73030;
  --warn-700: #ae2929;
  --warn-800: #a62222;
  --warn-900: #981616;
  --warn-a100: #ffcdcd;
  --warn-a200: #ff9a9a;
  --warn-a400: #ff6767;
  --warn-a700: #ff4d4d;

  --accent-50: #faeed2;
  --accent-100: #f1d798;
  --accent-200: #ebcc7f;
  --accent-300: #e5be61;
  --accent-400: #e1b447;
  --accent-500: #d6a42d;
  --accent-600: #be8e29;
  --accent-700: #a77a24;
  --accent-800: #906620;
  --accent-900: #79521b;
  --accent-a100: #fff6eb;
  --accent-a200: #ffe0b8;
  --accent-a400: #ffca85;
  --accent-a700: #ffbf6b;

  --accent-emerald-50: #edefee;
  --accent-emerald-100: #dadedd;
  --accent-emerald-200: #c6d0cb;
  --accent-emerald-300: #909d9a;
  --accent-emerald-400: #7a8c88;
  --accent-emerald-500: #6b7c79;
  --accent-emerald-600: #566964;
  --accent-emerald-700: #465b57;
  --accent-emerald-800: #384d49;
  --accent-emerald-900: #31403d;
  --accent-emerald-a100: #a7fded;
  --accent-emerald-a200: #75fce3;
  --accent-emerald-a400: #3fffdb;
  --accent-emerald-a700: #25ffd6;

  --contrast-50: #2b2925;
  --contrast-100: #2b2925;
  --contrast-200: #2b2925;
  --contrast-300: #2b2925;
  --contrast-400: #ffffff;
  --contrast-500: #ffffff;
  --contrast-600: #ffffff;
  --contrast-700: #ffffff;
  --contrast-800: #ffffff;
  --contrast-900: #ffffff;
  --contrast-a100: #2b2925;
  --contrast-a200: #2b2925;
  --contrast-a400: #2b2925;
  --contrast-a700: #2b2925;

  --tertiary-50: #f1f8f0;
  --tertiary-100: #dbedd9;
  --tertiary-200: #c3e1c0;
  --tertiary-300: #abd5a6;
  --tertiary-400: #99cc93;
  --tertiary-500: #87c380;
  --tertiary-600: #7fbd78;
  --tertiary-700: #74b56d;
  --tertiary-800: #6aae63;
  --tertiary-900: #57a150;
  --tertiary-a100: #ffffff;
  --tertiary-a200: #d3ffcf;
  --tertiary-a400: #a4ff9c;
  --tertiary-a700: #8cff82;

  --neutral-50: #f8f6f3;
  --neutral-100: #eae1d3;
  --neutral-200: #dbc1b3;
  --neutral-300: #b68e54;
  --neutral-400: #965a33;
  --neutral-500: #7a4f11;
  --neutral-600: #653c0d;
  --neutral-700: #3c3424;
  --neutral-800: #2f2a20;
  --neutral-900: #2b2925;
  --neutral-a100: #ffd8a3;
  --neutral-a200: #ffb875;
  --neutral-a400: #ff9747;
  --neutral-a700: #e67530;

  --neutral-emerald-50: #edefee;
  --neutral-emerald-100: #dadedd;
  --neutral-emerald-200: #c6d0cb;
  --neutral-emerald-300: #909d9a;
  --neutral-emerald-400: #7a8c88;
  --neutral-emerald-500: #6b7c79;
  --neutral-emerald-600: #566964;
  --neutral-emerald-700: #465b57;
  --neutral-emerald-800: #384d49;
  --neutral-emerald-900: #31403d;
  --neutral-emerald-a100: #a7fded;
  --neutral-emerald-a200: #75fce3;
  --neutral-emerald-a400: #3fffdb;
  --neutral-emerald-a700: #25ffd6;

  /* Material Design Components Configuration */
  --md-sys-color-primary: var(--primary-500);
  --md-sys-color-secondary: var(--accent-500);
  --md-sys-color-secondary-container: var(--accent-100);
  --md-ref-typeface-brand: var(--font-primary);
  --md-ref-typeface-plain: var(--font-primary);

  --md-outlined-text-field-container-shape: 8px;
  --md-outlined-text-field-focus-outline-width: 2px;
  --md-outlined-text-field-input-text-line-height: 18px;
  --md-outlined-text-field-input-text-placeholder-color: var(--neutral-500);
  --md-outlined-text-field-hover-outline-color: var(--neutral-300);
  --md-outlined-text-field-hover-outline-width: 2px;
  --md-outlined-text-field-outline-color: var(--neutral-50);
  --md-outlined-text-field-input-text-size: 12px;
  
  --md-checkbox-outline-color: var(--primary-500);
  --md-checkbox-hover-outline-color: var(--primary-300);
  --md-checkbox-focus-outline-color: var(--primary-700);
  --md-checkbox-pressed-outline-color: var(--primary-700);

  --md-filled-button-container-height: 52px;
  --md-filled-button-container-shape: 4px;
  --md-filled-button-label-text-line-height: 24px;
  --md-filled-button-label-text-size: 16px;
  --md-filled-button-label-text-weight: 700;
  --md-outlined-button-container-height: 52px;
  --md-outlined-button-container-shape: 4px;
  --md-outlined-button-label-text-line-height: 24px;
  --md-outlined-button-label-text-size: 16px;
  --md-outlined-button-label-text-weight: 700;
  --md-text-button-container-height: 36px;
  --md-text-button-container-shape: 4px;
  --md-text-button-label-text-line-height: 18px;
  --md-text-button-label-text-size: 12px;
  --md-text-button-label-text-weight: 700;
  --md-text-button-hover-state-layer-color: #000;
  --md-text-button-hover-state-layer-opacity: 0.04;
  --md-text-button-pressed-state-layer-color: #000;
  --md-text-button-pressed-state-layer-opacity: 0.08;

  --scrollbar-thumb-width: 6px;
  --scrollbar-thumb-height: 6px;
  --scrollbar-hoffset: 10px;
  --scrollbar-voffset: 10px;
}