<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/19470ebbf954405db779c5afd73cf318&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/19470ebbf954405db779c5afd73cf318-1694122670487.jpg</thumbnail_url><duration>201.83</duration><title>Root Variables Overview | Colony Toolkit</title><description>In this video, I provide a quick walkthrough of the CSS root variables for the Colonely framework. I explain where to find these variables in the framework style sheets and how they are used to control spacing, gaps, common widths, colors, and other elements in your project. I also demonstrate how to set and reference these variables using CSS syntax and acceptable values. By the end of the video, you will have a clear understanding of how to leverage root variables in the Colonely framework to customize your project&apos;s styling.</description></oembed>