From e543b0657656dff8edac5bdd0553e792276cc2b4 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 18 Aug 2023 20:32:28 +0100
Subject: Moves CSS variables to /variables folder

---
 public/css/variables/colours.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 public/css/variables/colours.css

(limited to 'public/css/variables/colours.css')

diff --git a/public/css/variables/colours.css b/public/css/variables/colours.css
new file mode 100644
index 0000000..c045cb3
--- /dev/null
+++ b/public/css/variables/colours.css
@@ -0,0 +1,28 @@
+@import 'palette-hex.css';
+@import 'palette-oklch.css' supports(color: oklch(55% 0.15 290));
+
+:root {
+  --text-color: var(--color-primary-50);
+  --text-highlight-color: var(--color-primary-100);
+  --background-color: var(--color-primary-800);
+  --background-highlight-color: var(--color-primary-700);
+  --special-text-color: var(--color-secondary-200);
+  --special-text-highlight-color: var(--color-secondary-300);
+  --special-background-color: var(--color-secondary-900);
+  --special-background-highlight-color: var(--color-secondary-800);
+}
+
+:is(main, article) {
+  --text-color: var(--color-primary-900);
+  --text-highlight-color: var(--color-primary-800);
+  --background-color: var(--color-primary-50);
+  --background-highlight-color: var(--color-primary-200);
+  --special-text-color: var(--color-secondary-700);
+  --special-text-highlight-color: var(--color-secondary-600);
+  --special-background-color: var(--color-secondary-50);
+  --special-background-highlight-color: var(--color-secondary-100);
+}
+
+:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) {
+    --background-color: var(--color-primary-100);
+}
\ No newline at end of file
-- 
cgit v1.2.3