/* ===================================================
   Async Solution — Brand Color Tokens (CSS)
   Generated for the Async Solution Brand Book
   =================================================== */

:root {
  /* Primary palette */
  --async-green-dark:   #0E8642;  /* Primary — Deep Green */
  --async-green-light:  #55AD47;  /* Primary — Bright Green */

  /* Neutrals */
  --async-charcoal:     #3D3C3A;  /* Neutral dark / logo backdrop */
  --async-ink:          #231F20;  /* Body text on light backgrounds */
  --async-white:        #FFFFFF;

  /* Brand gradient (used in icon mark, accents) */
  --async-gradient-brand: linear-gradient(90deg, #55AD47 0%, #0E8642 100%);

  /* Semantic aliases — use these in product UI instead of raw colors */
  --color-brand-primary:      var(--async-green-dark);
  --color-brand-secondary:    var(--async-green-light);
  --color-text-primary:       var(--async-ink);
  --color-text-inverse:       var(--async-white);
  --color-surface-dark:       var(--async-charcoal);

  /* Extended neutral scale — v1.1 addition, for borders/backgrounds/disabled
     states that the core 2-neutral palette doesn't cover. Interpolated
     toward brand Ink; gray-700/900 are exact matches to Charcoal/Ink. */
  --async-gray-50:  #FAFAF9;
  --async-gray-100: #F2F2F2;
  --async-gray-200: #E0E0E0;
  --async-gray-300: #CAC9C9;
  --async-gray-400: #9E9C9D;
  --async-gray-500: #777475;
  --async-gray-600: #585556;
  --async-gray-700: #3D3C3A; /* = --async-charcoal */
  --async-gray-800: #2C292A;
  --async-gray-900: #231F20; /* = --async-ink */

  /* Status/semantic colors — v1.1 addition. Not brand colors; use only for
     functional UI states (alerts, form validation, toasts). All verified
     ≥4.5:1 on white for text use. */
  --color-success: #0E8642; /* reuses brand Deep Green */
  --color-warning: #A85F0C;
  --color-error:   #C0392B;
  --color-info:    #2F6FBB;
}