/* ============================================================
   WEAR AT WORK — Color tokens
   Redesign palette anchored on deep workwear navy + HiVis yellow.
   Base values first, semantic aliases below.
   ============================================================ */
:root {
  /* ---- Brand: Navy ramp ---- */
  --navy-900: #0f1c2e; /* ink — deepest, near-black navy */
  --navy-800: #16273d;
  --navy-700: #1e3049; /* PRIMARY brand navy */
  --navy-600: #2b4567; /* secondary / hover navy */
  --navy-500: #3a5680;
  --navy-400: #5c749b;
  --navy-300: #8ea0bb;
  --navy-200: #c2ccdb;
  --navy-100: #e6ebf2;
  --navy-50:  #f3f6fa;

  /* ---- Brand: HiVis Yellow ramp ---- */
  --yellow-600: #d9b400;
  --yellow-500: #ffd300; /* PRIMARY accent — safety yellow */
  --yellow-400: #ffdd33;
  --yellow-300: #ffe766;
  --yellow-100: #fff6c2;

  /* ---- HiVis Orange (secondary safety accent, from product line) ---- */
  --orange-600: #d95d00;
  --orange-500: #ff6a13;
  --orange-100: #ffe2d0;

  /* ---- Neutrals: cool gray scale ---- */
  --white:    #ffffff;
  --gray-50:  #f6f7f9;
  --gray-100: #eceef1;
  --gray-200: #dde0e6;
  --gray-300: #c4c9d1;
  --gray-400: #9aa1ac;
  --gray-500: #6b7280;
  --gray-600: #4b515c;
  --gray-700: #343941;
  --gray-800: #20242b;
  --gray-900: #12151a;
  --black:    #000000;

  /* ---- Semantic status ---- */
  --success-500: #1f8a4c;
  --success-100: #dff3e6;
  --danger-500:  #cf2e2e;
  --danger-100:  #fbe0e0;
  --info-500:    #2b4567;
  --sale-500:    #cf2e2e; /* discount / price-drop red */

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  --brand-primary: var(--navy-700);
  --brand-primary-hover: var(--navy-800);
  --brand-secondary: var(--navy-600);
  --brand-accent: var(--yellow-500);
  --brand-accent-hover: var(--yellow-600);

  /* Text */
  --text-strong: var(--navy-900);
  --text-body: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-inverse: var(--white);
  --text-on-accent: var(--navy-900);
  --text-link: var(--navy-700);
  --text-link-hover: var(--navy-600);

  /* Surfaces */
  --surface-page: var(--white);
  --surface-subtle: var(--gray-50);
  --surface-card: var(--white);
  --surface-inverse: var(--navy-700);
  --surface-inverse-deep: var(--navy-900);

  /* Borders */
  --border-subtle: var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong: var(--navy-700);
  --border-focus: var(--navy-600);

  /* Feedback */
  --price-sale: var(--sale-500);
  --badge-hivis-bg: var(--yellow-500);
  --badge-hivis-text: var(--navy-900);
  --badge-new-bg: var(--navy-700);
  --badge-new-text: var(--white);
}
