:root {
  --w-color-black: #000000;
  --w-color-white: #ffffff;

  /* =========================
     Grey / Neutral
     ========================= */
  --w-color-grey-800: #1f1f1f;
  --w-color-grey-700: #2a2a2a;
  --w-color-grey-600: #3a3a3a;
  --w-color-grey-500: #4a4a4a;
  --w-color-grey-400: #6a6a6a;
  --w-color-grey-200: #b0b0b0;
  --w-color-grey-150: #d0d0d0;
  --w-color-grey-100: #e6e6e6;
  --w-color-grey-50:  #f7f7f7;

  /* =========================
     Primary Muted Orange
     ========================= */
  --w-color-primary: #b55a1c;       /* burnt orange, muted main */
  --w-color-primary-200: #d48c60;   /* softer highlight */

  /* =========================
     Secondary / Accent
     ========================= */
  --w-color-secondary: #d9773c;     /* pumpkin accent */
  --w-color-secondary-600: #9c5225; /* darker accent */
  --w-color-secondary-400: #b86c3a;
  --w-color-secondary-100: #f0c49a; /* light muted highlight */
  --w-color-secondary-75:  #f6d8b8; 
  --w-color-secondary-50:  #fef5ed; 

  /* =========================
     States
     ========================= */
  --w-color-positive-100: #b57a3f;  /* muted amber */
  --w-color-positive-50:  #f7ede2;

  --w-color-info-125: #7a7a7a;
  --w-color-info-100: #9a9a9a;
  --w-color-info-75:  #dcdcdc;
  --w-color-info-50:  #f3f3f3;

  --w-color-warning-100: #bfa150;   /* earthy yellow */
  --w-color-warning-75:  #e2d7ad;
  --w-color-warning-50:  #f7f5e8;

  --w-color-critical-200: #7a2d2d;  /* deep muted red/orange */
  --w-color-critical-100: #c45a5a;
  --w-color-critical-50:  #f3eaea;
}