chore: define CSS variables for colors, fonts and spacings

1 files changed, 16 insertions, 0 deletions

diff --git a/src/styles/base/_colors.scss b/src/styles/base/_colors.scss
new file mode 100644
index 0000000..8986dd0
--- /dev/null
+++ b/src/styles/base/_colors.scss
@@ -0,0 +1,16 @@
+@use "@styles/abstracts/variables" as var;
+
+:root {
+  --color-bg: #{var.$color_white};
+  --color-bg-opacity: #{var.$color_white-o90};
+  --color-fg: #{var.$color_black};
+  --color-fg-inverted: #{var.$color_white};
+  --color-primary: #{var.$color_blue};
+  --color-primary-light: #{var.$color_blue-bright};
+  --color-primary-lighter: #{var.$color_blue-brighter};
+  --color-primary-dark: #{var.$color_blue-dark};
+  --color-border: #{var.$color_grey-dark};
+  --color-border-light: #{var.$color_grey};
+  --color-highlight: #{var.$color_blue-brighter};
+  --color-shadow: #{var.$color_grey-dark-o70};
+}