<!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-dark-blue);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-dark-blue);"> 
                  Some text you want dark blue 
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-light-blue);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-light-blue);"> 
                  Some text you want light blue 
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-brown);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-brown);"> 
                  Some text you want brown
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-red);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-red);"> 
                  Some text you want red
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-yellow);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-yellow);"> 
                  Some text you want yellow
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-mid-grey);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-mid-grey);"> 
                  Some text you want mid-grey
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-white);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-white);"> 
                  Some text you want white
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-light-grey);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-light-grey);"> 
                  Some text you want light-grey
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-dark-grey);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-dark-grey);"> 
                  Some text you want dark-grey
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-silver);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-silver);"> 
                  Some text you want silver
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background: var(--atd-2026-tan);"> 
                 some content here 
              </div>
              <!-- Example Usage for text -->
              <span style="color: var(--atd-2026-tan);"> 
                  Some text you want silver
              </span>
            

              <!-- Example Usage for containers -->
              <div style="background-image: var(--atd-2026-greygradient-h);"> 
                 some content here 
              </div>
            

              <!-- Example Usage for containers -->
              <div style="background-image: var(--atd-2026-orangegradient-h);"> 
                 some content here 
              </div>
            

              <!-- Example Usage for containers -->
              <div style="background-image: var(--atd-2026-metalic-h);"> 
                 some content here 
              </div>
            

              <!-- Example Usage for containers -->
              <div style="background-image: var(--atd-2026-bluegradient-h);"> 
                 some content here 
              </div>