what is Custom Properties (--variable-name) in css?

CSS Custom Properties, also known as CSS Variables, allow you to define reusable values in your stylesheets. They are prefixed with -- and can be accessed using the var() function.

✅ Example Usage

:root {
  --primary-color: blue;
  --padding-size: 10px;
}

button {
  background-color: var(--primary-color);
  padding: var(--padding-size);
}

🔥 Why Use Custom Properties?

• Reusability – Define a value once and use it multiple times.

• Dynamic Updates – Change values dynamically using JavaScript.

• Improved Maintainability – Easier to manage and update styles.