/* ============================================================
   AFRY — Color tokens
   Palette rooted in engineered infrastructure + the natural world.
   Industrial Moss (primary), Alloy Teal (supporting), Stone Grey +
   Greige (neutral), Bright Yellow + Signal Coral (accents).
   ============================================================ */
:root {
  /* --- Industrial Moss (PRIMARY) --- */
  --moss-10:  #EBF7F0;
  --moss-50:  #D0E7D9;
  --moss-100: #A5C7B1;
  --moss-200: #7BA88F;
  --moss-300: #5D8B75;
  --moss-400: #3E6452;
  --moss-500: #244C3B; /* primary brand color */
  --moss-600: #1D3F31;
  --moss-700: #153326;
  --moss-800: #0E261B;
  --moss-900: #0A1A11;

  /* --- Alloy Teal (SUPPORTING) --- */
  --teal-10:  #EDF6F7;
  --teal-50:  #D6EBED;
  --teal-100: #BFDEE1;
  --teal-200: #A6CFD6;
  --teal-300: #81B4BC;
  --teal-400: #709EA9;
  --teal-500: #5F8E99; /* supporting hue */
  --teal-600: #4C727A;
  --teal-700: #3C5A61;
  --teal-800: #2F474D;
  --teal-900: #233438;

  /* --- Stone Grey (NEUTRAL) --- */
  --grey-100: #FAFAFA;
  --grey-200: #F5F5F5;
  --grey-300: #E5E5E5;
  --grey-400: #CCCCCC;
  --grey-500: #999999;
  --grey-600: #666666;
  --grey-700: #444444;
  --grey-800: #2A2A2A;
  --grey-900: #121212;

  /* --- Greige + pure neutrals --- */
  --greige: #E9E6E0;
  --black:  #000000;
  --white:  #FFFFFF;

  /* --- Bright Yellow (ACCENT) --- */
  --yellow: #F3FFAF;

  /* --- Signal Coral (ACCENT) --- */
  --coral-100: #FFD6D6;
  --coral-300: #FF9D9D;
  --coral-400: #FF7878;
  --coral-700: #A84249;
  --coral-900: #501B22;
}