diff --git a/dist/android/button/button-campaign-saferqld-palette.xml b/dist/android/button/button-campaign-saferqld-palette.xml
new file mode 100644
index 0000000..9974b7c
--- /dev/null
+++ b/dist/android/button/button-campaign-saferqld-palette.xml
@@ -0,0 +1,151 @@
+
+
+
+
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+
\ No newline at end of file
diff --git a/dist/android/card/card-campaign-saferqld-palette.xml b/dist/android/card/card-campaign-saferqld-palette.xml
new file mode 100644
index 0000000..a06608f
--- /dev/null
+++ b/dist/android/card/card-campaign-saferqld-palette.xml
@@ -0,0 +1,8 @@
+
+
+
+
+ #ffffff
+
\ No newline at end of file
diff --git a/dist/android/styles/qgds-campaign-saferqld-palette.xml b/dist/android/styles/qgds-campaign-saferqld-palette.xml
new file mode 100644
index 0000000..67d10ed
--- /dev/null
+++ b/dist/android/styles/qgds-campaign-saferqld-palette.xml
@@ -0,0 +1,587 @@
+
+
+
+
+ #a7e5ff
+ #ffe500
+ #a7e5ff
+ #a7e5ff
+ #ffffff
+ #ffecf2
+ #f5f5f5
+ #710074
+ #2a2b2f
+ #232323
+ #710074
+ #ffffff
+ #5d0061
+ #ffffff
+ #5d0061
+ #ffffff
+ #710074
+ #ae0047
+ #5d0061
+ #ae0047
+ #5d0061
+ #ae0047
+ #ffffff
+ #2a2b2f
+ #ffd27e
+ #2a2b2f
+ #ffd27e
+ #2a2b2f
+ #ffffff
+ #ffffff
+ #ffd27e
+ #ffffff
+ #ffd27e
+ #ffffff
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #e22339
+ #ffeceb
+ #ffe0dd
+ #770000
+ #0085b3
+ #eaf3f8
+ #dcebf3
+ #00315a
+ #6bbe27
+ #f0f9ec
+ #e7f5df
+ #004f00
+ #ffe500
+ #fffdee
+ #fffce3
+ #705500
+ #232323
+ #6bbe27
+ #a7e5ff
+ #710074
+ #c0d7ec
+ 4px
+ solid
+ #070707
+ #ffffff
+ #f5f5f5
+ #0085b3
+ #d0d0d2
+ #5d5e62
+ #ff0084
+ #5d5e62
+ #d0d0d2
+ #ae0047
+ #ff0084
+ #d0d0d2
+ #f5f5f5
+ #e7e8e8
+ #ff0084
+ #5d0061
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #f5f5f5
+ #444444
+ none
+ #ff0084
+ #e7e8e8
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ #ae0047
+ rgba(#ae0047, 0.8)
+ underline
+ 0.5px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #551a8b
+ rgba(#551a8b, 0.8)
+ underline
+ 2px
+ solid
+ #ffffff
+ #ae0047
+ #a3a4a7
+ #ffffff
+ #ae0047
+ #710074
+ #710074
+ #ffffff
+ #710074
+ #ffffff
+ #551a8b
+ #a3a4a7
+ #ffecf2
+ #ffe0ea
+ #0085b3
+ #f0b8c0
+ #5d5e62
+ #ff0084
+ #5d5e62
+ #f0b8c0
+ #ae0047
+ #ff0084
+ #f0b8c0
+ #f5f5f5
+ #e7e8e8
+ #ff0084
+ #5d0061
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #f5f5f5
+ #444444
+ none
+ #ff0084
+ #e7e8e8
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ #ae0047
+ rgba(#ae0047, 0.8)
+ underline
+ 0.5px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #551a8b
+ rgba(#551a8b, 0.8)
+ underline
+ 2px
+ solid
+ #ffecf2
+ #ae0047
+ #a3a4a7
+ #ffecf2
+ #ae0047
+ #710074
+ #710074
+ #ffffff
+ #710074
+ #ffecf2
+ #551a8b
+ #a3a4a7
+ #e7e8e8
+ #d0d0d2
+ #0085b3
+ #a3a4a7
+ #5d5e62
+ #ff0084
+ #5d5e62
+ #a3a4a7
+ #ae0047
+ #ff0084
+ #a3a4a7
+ #f5f5f5
+ #e7e8e8
+ #ff0084
+ #5d0061
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #f5f5f5
+ #444444
+ none
+ #ff0084
+ #e7e8e8
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ #ae0047
+ rgba(#ae0047, 0.8)
+ underline
+ 0.5px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #551a8b
+ rgba(#551a8b, 0.8)
+ underline
+ 2px
+ solid
+ #e7e8e8
+ #ae0047
+ #a3a4a7
+ #e7e8e8
+ #ae0047
+ #710074
+ #710074
+ #ffffff
+ #710074
+ #e7e8e8
+ #551a8b
+ #a3a4a7
+ #710074
+ #5d0061
+ #ffc0d4
+ #ff7dab
+ #ffa0c0
+ #ff0084
+ #ffa0c0
+ #ff7dab
+ #ffffff
+ #ff0084
+ #ffa0c0
+ #5d0061
+ #2a2b2f
+ #ff0084
+ #ffc85e
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #5d0061
+ #ffffff
+ none
+ #ff0084
+ #2a2b2f
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ #ffffff
+ rgba(#ffffff, 0.8)
+ underline
+ 0.5px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ffc0d4
+ rgba(#ffc0d4, 0.8)
+ underline
+ 2px
+ solid
+ #710074
+ #ffffff
+ #ff7dab
+ #710074
+ #ffffff
+ #ffffff
+ #ffffff
+ #710074
+ #ffffff
+ #710074
+ #551a8b
+ #d70065
+ #2a2b2f
+ #131418
+ #ffc0d4
+ #ff7dab
+ #ffa0c0
+ #ff0084
+ #ffa0c0
+ #ff7dab
+ #ffffff
+ #ff0084
+ #ffa0c0
+ #5d0061
+ #2a2b2f
+ #ff0084
+ #ffc85e
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #5d0061
+ #ffffff
+ none
+ #ff0084
+ #2a2b2f
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ #ffffff
+ rgba(#ffffff, 0.8)
+ underline
+ 0.5px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ffc0d4
+ rgba(#ffc0d4, 0.8)
+ underline
+ 2px
+ solid
+ #2a2b2f
+ #ffffff
+ #ff7dab
+ #2a2b2f
+ #ffffff
+ #ffffff
+ #ffffff
+ #2a2b2f
+ #ffffff
+ #2a2b2f
+ #551a8b
+ #d70065
+ #232323
+ #141414
+ #ffc0d4
+ #ff7dab
+ #ffa0c0
+ #ff0084
+ #ffa0c0
+ #ff7dab
+ #ffffff
+ #ff0084
+ #ffa0c0
+ #5d5e62
+ #2a2b2f
+ #ff0084
+ #ffc85e
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #5d5e62
+ #ffffff
+ none
+ #ff0084
+ #2a2b2f
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ #ffffff
+ rgba(#ffffff, 0.8)
+ underline
+ 0.5px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ffc0d4
+ rgba(#ffc0d4, 0.8)
+ underline
+ 2px
+ solid
+ #232323
+ #ffffff
+ #ff7dab
+ #232323
+ #ffffff
+ #ffffff
+ #ffffff
+ #232323
+ #ffffff
+ #232323
+ #551a8b
+ #d70065
+
\ No newline at end of file
diff --git a/dist/css/button/button-campaign-saferqld-palette.css b/dist/css/button/button-campaign-saferqld-palette.css
new file mode 100644
index 0000000..aaed8f9
--- /dev/null
+++ b/dist/css/button/button-campaign-saferqld-palette.css
@@ -0,0 +1,150 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+ --button-palette-bright-primary-default-background: #710074;
+ --button-palette-bright-primary-default-text: #ffffff;
+ --button-palette-bright-primary-default-text-decoration: none;
+ --button-palette-bright-primary-default-border: #710074;
+ --button-palette-bright-primary-active-background: #5d0061;
+ --button-palette-bright-primary-active-text: #ffffff;
+ --button-palette-bright-primary-active-text-decoration: none;
+ --button-palette-bright-primary-active-border: #5d0061;
+ --button-palette-bright-primary-hover-background: #5d0061;
+ --button-palette-bright-primary-hover-text: #ffffff;
+ --button-palette-bright-primary-hover-text-decoration: underline;
+ --button-palette-bright-primary-hover-border: #5d0061;
+ --button-palette-bright-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-bright-secondary-default-text: #ae0047;
+ --button-palette-bright-secondary-default-text-decoration: none;
+ --button-palette-bright-secondary-default-border: #710074;
+ --button-palette-bright-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-bright-secondary-active-text: #ae0047;
+ --button-palette-bright-secondary-active-text-decoration: none;
+ --button-palette-bright-secondary-active-border: #5d0061;
+ --button-palette-bright-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-bright-secondary-hover-text: #ae0047;
+ --button-palette-bright-secondary-hover-text-decoration: underline;
+ --button-palette-bright-secondary-hover-border: #5d0061;
+ --button-palette-tint-primary-default-background: #710074;
+ --button-palette-tint-primary-default-text: #ffffff;
+ --button-palette-tint-primary-default-text-decoration: none;
+ --button-palette-tint-primary-default-border: #710074;
+ --button-palette-tint-primary-active-background: #5d0061;
+ --button-palette-tint-primary-active-text: #ffffff;
+ --button-palette-tint-primary-active-text-decoration: none;
+ --button-palette-tint-primary-active-border: #5d0061;
+ --button-palette-tint-primary-hover-background: #5d0061;
+ --button-palette-tint-primary-hover-text: #ffffff;
+ --button-palette-tint-primary-hover-text-decoration: underline;
+ --button-palette-tint-primary-hover-border: #5d0061;
+ --button-palette-tint-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-tint-secondary-default-text: #ae0047;
+ --button-palette-tint-secondary-default-text-decoration: none;
+ --button-palette-tint-secondary-default-border: #710074;
+ --button-palette-tint-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-tint-secondary-active-text: #ae0047;
+ --button-palette-tint-secondary-active-text-decoration: none;
+ --button-palette-tint-secondary-active-border: #5d0061;
+ --button-palette-tint-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-tint-secondary-hover-text: #ae0047;
+ --button-palette-tint-secondary-hover-text-decoration: underline;
+ --button-palette-tint-secondary-hover-border: #5d0061;
+ --button-palette-alt-primary-default-background: #710074;
+ --button-palette-alt-primary-default-text: #ffffff;
+ --button-palette-alt-primary-default-text-decoration: none;
+ --button-palette-alt-primary-default-border: #710074;
+ --button-palette-alt-primary-active-background: #5d0061;
+ --button-palette-alt-primary-active-text: #ffffff;
+ --button-palette-alt-primary-active-text-decoration: none;
+ --button-palette-alt-primary-active-border: #5d0061;
+ --button-palette-alt-primary-hover-background: #5d0061;
+ --button-palette-alt-primary-hover-text: #ffffff;
+ --button-palette-alt-primary-hover-text-decoration: underline;
+ --button-palette-alt-primary-hover-border: #5d0061;
+ --button-palette-alt-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-alt-secondary-default-text: #ae0047;
+ --button-palette-alt-secondary-default-text-decoration: none;
+ --button-palette-alt-secondary-default-border: #710074;
+ --button-palette-alt-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-alt-secondary-active-text: #ae0047;
+ --button-palette-alt-secondary-active-text-decoration: none;
+ --button-palette-alt-secondary-active-border: #5d0061;
+ --button-palette-alt-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-alt-secondary-hover-text: #ae0047;
+ --button-palette-alt-secondary-hover-text-decoration: underline;
+ --button-palette-alt-secondary-hover-border: #5d0061;
+ --button-palette-bold-primary-default-background: #ffffff;
+ --button-palette-bold-primary-default-text: #2a2b2f;
+ --button-palette-bold-primary-default-text-decoration: none;
+ --button-palette-bold-primary-default-border: #ffffff;
+ --button-palette-bold-primary-active-background: #ffc85e;
+ --button-palette-bold-primary-active-text: #2a2b2f;
+ --button-palette-bold-primary-active-text-decoration: none;
+ --button-palette-bold-primary-active-border: #ffc85e;
+ --button-palette-bold-primary-hover-background: #ffc85e;
+ --button-palette-bold-primary-hover-text: #2a2b2f;
+ --button-palette-bold-primary-hover-text-decoration: underline;
+ --button-palette-bold-primary-hover-border: #ffc85e;
+ --button-palette-bold-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-bold-secondary-default-text: #ffffff;
+ --button-palette-bold-secondary-default-text-decoration: none;
+ --button-palette-bold-secondary-default-border: #ffffff;
+ --button-palette-bold-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-bold-secondary-active-text: #ffffff;
+ --button-palette-bold-secondary-active-text-decoration: none;
+ --button-palette-bold-secondary-active-border: #ffc85e;
+ --button-palette-bold-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-bold-secondary-hover-text: #ffffff;
+ --button-palette-bold-secondary-hover-text-decoration: underline;
+ --button-palette-bold-secondary-hover-border: #ffc85e;
+ --button-palette-strong-primary-default-background: #ffffff;
+ --button-palette-strong-primary-default-text: #2a2b2f;
+ --button-palette-strong-primary-default-text-decoration: none;
+ --button-palette-strong-primary-default-border: #ffffff;
+ --button-palette-strong-primary-active-background: #ffc85e;
+ --button-palette-strong-primary-active-text: #2a2b2f;
+ --button-palette-strong-primary-active-text-decoration: none;
+ --button-palette-strong-primary-active-border: #ffc85e;
+ --button-palette-strong-primary-hover-background: #ffc85e;
+ --button-palette-strong-primary-hover-text: #2a2b2f;
+ --button-palette-strong-primary-hover-text-decoration: underline;
+ --button-palette-strong-primary-hover-border: #ffc85e;
+ --button-palette-strong-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-strong-secondary-default-text: #ffffff;
+ --button-palette-strong-secondary-default-text-decoration: none;
+ --button-palette-strong-secondary-default-border: #ffffff;
+ --button-palette-strong-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-strong-secondary-active-text: #ffffff;
+ --button-palette-strong-secondary-active-text-decoration: none;
+ --button-palette-strong-secondary-active-border: #ffc85e;
+ --button-palette-strong-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-strong-secondary-hover-text: #ffffff;
+ --button-palette-strong-secondary-hover-text-decoration: underline;
+ --button-palette-strong-secondary-hover-border: #ffc85e;
+ --button-palette-dark-primary-default-background: #ffffff;
+ --button-palette-dark-primary-default-text: #2a2b2f;
+ --button-palette-dark-primary-default-text-decoration: none;
+ --button-palette-dark-primary-default-border: #ffffff;
+ --button-palette-dark-primary-active-background: #ffc85e;
+ --button-palette-dark-primary-active-text: #2a2b2f;
+ --button-palette-dark-primary-active-text-decoration: none;
+ --button-palette-dark-primary-active-border: #ffc85e;
+ --button-palette-dark-primary-hover-background: #ffc85e;
+ --button-palette-dark-primary-hover-text: #2a2b2f;
+ --button-palette-dark-primary-hover-text-decoration: underline;
+ --button-palette-dark-primary-hover-border: #ffc85e;
+ --button-palette-dark-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-dark-secondary-default-text: #ffffff;
+ --button-palette-dark-secondary-default-text-decoration: none;
+ --button-palette-dark-secondary-default-border: #ffffff;
+ --button-palette-dark-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-dark-secondary-active-text: #ffffff;
+ --button-palette-dark-secondary-active-text-decoration: none;
+ --button-palette-dark-secondary-active-border: #ffc85e;
+ --button-palette-dark-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-dark-secondary-hover-text: #ffffff;
+ --button-palette-dark-secondary-hover-text-decoration: underline;
+ --button-palette-dark-secondary-hover-border: #ffc85e;
+}
diff --git a/dist/css/card/card-campaign-saferqld-palette.css b/dist/css/card/card-campaign-saferqld-palette.css
new file mode 100644
index 0000000..a6b46c3
--- /dev/null
+++ b/dist/css/card/card-campaign-saferqld-palette.css
@@ -0,0 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+ --card-background: #ffffff;
+}
diff --git a/dist/css/styles/qgds-campaign-saferqld-palette.css b/dist/css/styles/qgds-campaign-saferqld-palette.css
new file mode 100644
index 0000000..3099242
--- /dev/null
+++ b/dist/css/styles/qgds-campaign-saferqld-palette.css
@@ -0,0 +1,586 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+ --theme-color-brand-first: #a7e5ff;
+ --theme-color-brand-second: #ffe500;
+ --theme-color-brand-third: #a7e5ff;
+ --theme-color-brand-fourth: #a7e5ff;
+ --theme-color-background-bright: #ffffff;
+ --theme-color-background-tint: #ffecf2;
+ --theme-color-background-alt: #f5f5f5;
+ --theme-color-background-bold: #710074;
+ --theme-color-background-strong: #2a2b2f;
+ --theme-color-background-dark: #232323;
+ --theme-color-action-on-lights-primary-default-color: #710074;
+ --theme-color-action-on-lights-primary-default-text: #ffffff;
+ --theme-color-action-on-lights-primary-hover-color: #5d0061;
+ --theme-color-action-on-lights-primary-hover-text: #ffffff;
+ --theme-color-action-on-lights-primary-active-color: #5d0061;
+ --theme-color-action-on-lights-primary-active-text: #ffffff;
+ --theme-color-action-on-lights-secondary-default-color: #710074;
+ --theme-color-action-on-lights-secondary-default-text: #ae0047;
+ --theme-color-action-on-lights-secondary-hover-color: #5d0061;
+ --theme-color-action-on-lights-secondary-hover-text: #ae0047;
+ --theme-color-action-on-lights-secondary-active-color: #5d0061;
+ --theme-color-action-on-lights-secondary-active-text: #ae0047;
+ --theme-color-action-on-darks-primary-default-color: #ffffff;
+ --theme-color-action-on-darks-primary-default-text: #2a2b2f;
+ --theme-color-action-on-darks-primary-hover-color: #ffd27e;
+ --theme-color-action-on-darks-primary-hover-text: #2a2b2f;
+ --theme-color-action-on-darks-primary-active-color: #ffd27e;
+ --theme-color-action-on-darks-primary-active-text: #2a2b2f;
+ --theme-color-action-on-darks-secondary-default-color: #ffffff;
+ --theme-color-action-on-darks-secondary-default-text: #ffffff;
+ --theme-color-action-on-darks-secondary-hover-color: #ffd27e;
+ --theme-color-action-on-darks-secondary-hover-text: #ffffff;
+ --theme-color-action-on-darks-secondary-active-color: #ffd27e;
+ --theme-color-action-on-darks-secondary-active-text: #ffffff;
+ --theme-color-wording-on-lights-site-title-default: #232323;
+ --theme-color-wording-on-lights-site-title-variant: #444444;
+ --theme-color-wording-on-lights-heading-default: #36003c;
+ --theme-color-wording-on-lights-heading-variant: #818181;
+ --theme-color-wording-on-lights-body-default: #232323;
+ --theme-color-wording-on-lights-body-variant: #444444;
+ --theme-color-wording-on-darks-site-title-default: #ffffff;
+ --theme-color-wording-on-darks-site-title-variant: #fafafa;
+ --theme-color-wording-on-darks-heading-default: #ffffff;
+ --theme-color-wording-on-darks-heading-variant: #fafafa;
+ --theme-color-wording-on-darks-body-default: #ffffff;
+ --theme-color-wording-on-darks-body-variant: #ba89ba;
+ --theme-color-reserved-error-default: #e22339;
+ --theme-color-reserved-error-lightest: #ffeceb;
+ --theme-color-reserved-error-lighter: #ffe0dd;
+ --theme-color-reserved-error-darker: #770000;
+ --theme-color-reserved-information-default: #0085b3;
+ --theme-color-reserved-information-lightest: #eaf3f8;
+ --theme-color-reserved-information-lighter: #dcebf3;
+ --theme-color-reserved-information-darker: #00315a;
+ --theme-color-reserved-success-default: #6bbe27;
+ --theme-color-reserved-success-lightest: #f0f9ec;
+ --theme-color-reserved-success-lighter: #e7f5df;
+ --theme-color-reserved-success-darker: #004f00;
+ --theme-color-reserved-alert-default: #ffe500;
+ --theme-color-reserved-alert-lightest: #fffdee;
+ --theme-color-reserved-alert-lighter: #fffce3;
+ --theme-color-reserved-alert-darker: #705500;
+ --theme-color-syntax-background: #232323;
+ --theme-color-syntax-values: #6bbe27;
+ --theme-color-syntax-elements: #a7e5ff;
+ --theme-color-syntax-properties: #710074;
+ --theme-color-syntax-comments: #c0d7ec;
+ --theme-focus-outline-width: 4px;
+ --theme-focus-outline-style: solid;
+ --theme-shadows-default: #070707;
+ --palette-bright-background: #ffffff;
+ --palette-bright-shade: #f5f5f5;
+ --palette-bright-focus-outline-color: #0085b3;
+ --palette-bright-border-default: #d0d0d2;
+ --palette-bright-border-variant: #5d5e62;
+ --palette-bright-boundary: #ff0084;
+ --palette-bright-partition: #5d5e62;
+ --palette-bright-separator: #d0d0d2;
+ --palette-bright-divider: #ae0047;
+ --palette-bright-fence: #ff0084;
+ --palette-bright-line: #d0d0d2;
+ --palette-bright-muted: #f5f5f5;
+ --palette-bright-subtle: #e7e8e8;
+ --palette-bright-accent-default: #ff0084;
+ --palette-bright-accent-on-accent: #5d0061;
+ --palette-bright-typography-site-title-default: #232323;
+ --palette-bright-typography-site-title-variant: #444444;
+ --palette-bright-typography-heading-default: #36003c;
+ --palette-bright-typography-heading-variant: #818181;
+ --palette-bright-typography-body-default: #232323;
+ --palette-bright-typography-body-variant: #444444;
+ --palette-bright-action-nav-main-default-background: #f5f5f5;
+ --palette-bright-action-nav-main-default-text: #444444;
+ --palette-bright-action-nav-main-default-text-decoration: none;
+ --palette-bright-action-nav-main-default-accent: #ff0084;
+ --palette-bright-action-nav-main-hover-background: #e7e8e8;
+ --palette-bright-action-nav-main-hover-text: #ae0047;
+ --palette-bright-action-nav-main-hover-text-decoration: underline;
+ --palette-bright-action-nav-main-hover-accent: #5d0061;
+ --palette-bright-action-button-primary-default-background: #710074;
+ --palette-bright-action-button-primary-default-text: #ffffff;
+ --palette-bright-action-button-primary-default-text-decoration: none;
+ --palette-bright-action-button-primary-default-border: #710074;
+ --palette-bright-action-button-primary-hover-background: #5d0061;
+ --palette-bright-action-button-primary-hover-text: #ffffff;
+ --palette-bright-action-button-primary-hover-text-decoration: underline;
+ --palette-bright-action-button-primary-hover-border: #5d0061;
+ --palette-bright-action-button-primary-active-background: #5d0061;
+ --palette-bright-action-button-primary-active-text: #ffffff;
+ --palette-bright-action-button-primary-active-text-decoration: none;
+ --palette-bright-action-button-primary-active-border: #5d0061;
+ --palette-bright-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-bright-action-button-secondary-default-text: #ae0047;
+ --palette-bright-action-button-secondary-default-text-decoration: none;
+ --palette-bright-action-button-secondary-default-border: #710074;
+ --palette-bright-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-bright-action-button-secondary-hover-text: #ae0047;
+ --palette-bright-action-button-secondary-hover-text-decoration: underline;
+ --palette-bright-action-button-secondary-hover-border: #5d0061;
+ --palette-bright-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-bright-action-button-secondary-active-text: #ae0047;
+ --palette-bright-action-button-secondary-active-text-decoration: none;
+ --palette-bright-action-button-secondary-active-border: #5d0061;
+ --palette-bright-action-link-default-color: #ae0047;
+ --palette-bright-action-link-default-text-decoration-color: rgba(#ae0047, 0.8);
+ --palette-bright-action-link-default-text-decoration-line: underline;
+ --palette-bright-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-bright-action-link-default-text-decoration-style: solid;
+ --palette-bright-action-link-hover-color: #87002b;
+ --palette-bright-action-link-hover-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-bright-action-link-hover-text-decoration-line: underline;
+ --palette-bright-action-link-hover-text-decoration-thickness: 2px;
+ --palette-bright-action-link-hover-text-decoration-style: solid;
+ --palette-bright-action-link-active-color: #87002b;
+ --palette-bright-action-link-active-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-bright-action-link-active-text-decoration-line: underline;
+ --palette-bright-action-link-active-text-decoration-thickness: 2px;
+ --palette-bright-action-link-active-text-decoration-style: solid;
+ --palette-bright-action-link-visited-color: #551a8b;
+ --palette-bright-action-link-visited-text-decoration-color: rgba(#551a8b, 0.8);
+ --palette-bright-action-link-visited-text-decoration-line: underline;
+ --palette-bright-action-link-visited-text-decoration-thickness: 2px;
+ --palette-bright-action-link-visited-text-decoration-style: solid;
+ --palette-bright-action-pagination-default-background: #ffffff;
+ --palette-bright-action-pagination-default-text: #ae0047;
+ --palette-bright-action-pagination-default-border: #a3a4a7;
+ --palette-bright-action-pagination-hover-background: #ffffff;
+ --palette-bright-action-pagination-hover-text: #ae0047;
+ --palette-bright-action-pagination-hover-border: #710074;
+ --palette-bright-action-pagination-active-background: #710074;
+ --palette-bright-action-pagination-active-text: #ffffff;
+ --palette-bright-action-pagination-active-border: #710074;
+ --palette-bright-action-pagination-visited-background: #ffffff;
+ --palette-bright-action-pagination-visited-text: #551a8b;
+ --palette-bright-action-pagination-visited-border: #a3a4a7;
+ --palette-tint-background: #ffecf2;
+ --palette-tint-shade: #ffe0ea;
+ --palette-tint-focus-outline-color: #0085b3;
+ --palette-tint-border-default: #f0b8c0;
+ --palette-tint-border-variant: #5d5e62;
+ --palette-tint-boundary: #ff0084;
+ --palette-tint-partition: #5d5e62;
+ --palette-tint-separator: #f0b8c0;
+ --palette-tint-divider: #ae0047;
+ --palette-tint-fence: #ff0084;
+ --palette-tint-line: #f0b8c0;
+ --palette-tint-muted: #f5f5f5;
+ --palette-tint-subtle: #e7e8e8;
+ --palette-tint-accent-default: #ff0084;
+ --palette-tint-accent-on-accent: #5d0061;
+ --palette-tint-typography-site-title-default: #232323;
+ --palette-tint-typography-site-title-variant: #444444;
+ --palette-tint-typography-heading-default: #36003c;
+ --palette-tint-typography-heading-variant: #818181;
+ --palette-tint-typography-body-default: #232323;
+ --palette-tint-typography-body-variant: #444444;
+ --palette-tint-action-nav-main-default-background: #f5f5f5;
+ --palette-tint-action-nav-main-default-text: #444444;
+ --palette-tint-action-nav-main-default-text-decoration: none;
+ --palette-tint-action-nav-main-default-accent: #ff0084;
+ --palette-tint-action-nav-main-hover-background: #e7e8e8;
+ --palette-tint-action-nav-main-hover-text: #ae0047;
+ --palette-tint-action-nav-main-hover-text-decoration: underline;
+ --palette-tint-action-nav-main-hover-accent: #5d0061;
+ --palette-tint-action-button-primary-default-background: #710074;
+ --palette-tint-action-button-primary-default-text: #ffffff;
+ --palette-tint-action-button-primary-default-text-decoration: none;
+ --palette-tint-action-button-primary-default-border: #710074;
+ --palette-tint-action-button-primary-hover-background: #5d0061;
+ --palette-tint-action-button-primary-hover-text: #ffffff;
+ --palette-tint-action-button-primary-hover-text-decoration: underline;
+ --palette-tint-action-button-primary-hover-border: #5d0061;
+ --palette-tint-action-button-primary-active-background: #5d0061;
+ --palette-tint-action-button-primary-active-text: #ffffff;
+ --palette-tint-action-button-primary-active-text-decoration: none;
+ --palette-tint-action-button-primary-active-border: #5d0061;
+ --palette-tint-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-tint-action-button-secondary-default-text: #ae0047;
+ --palette-tint-action-button-secondary-default-text-decoration: none;
+ --palette-tint-action-button-secondary-default-border: #710074;
+ --palette-tint-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-tint-action-button-secondary-hover-text: #ae0047;
+ --palette-tint-action-button-secondary-hover-text-decoration: underline;
+ --palette-tint-action-button-secondary-hover-border: #5d0061;
+ --palette-tint-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-tint-action-button-secondary-active-text: #ae0047;
+ --palette-tint-action-button-secondary-active-text-decoration: none;
+ --palette-tint-action-button-secondary-active-border: #5d0061;
+ --palette-tint-action-link-default-color: #ae0047;
+ --palette-tint-action-link-default-text-decoration-color: rgba(#ae0047, 0.8);
+ --palette-tint-action-link-default-text-decoration-line: underline;
+ --palette-tint-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-tint-action-link-default-text-decoration-style: solid;
+ --palette-tint-action-link-hover-color: #87002b;
+ --palette-tint-action-link-hover-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-tint-action-link-hover-text-decoration-line: underline;
+ --palette-tint-action-link-hover-text-decoration-thickness: 2px;
+ --palette-tint-action-link-hover-text-decoration-style: solid;
+ --palette-tint-action-link-active-color: #87002b;
+ --palette-tint-action-link-active-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-tint-action-link-active-text-decoration-line: underline;
+ --palette-tint-action-link-active-text-decoration-thickness: 2px;
+ --palette-tint-action-link-active-text-decoration-style: solid;
+ --palette-tint-action-link-visited-color: #551a8b;
+ --palette-tint-action-link-visited-text-decoration-color: rgba(#551a8b, 0.8);
+ --palette-tint-action-link-visited-text-decoration-line: underline;
+ --palette-tint-action-link-visited-text-decoration-thickness: 2px;
+ --palette-tint-action-link-visited-text-decoration-style: solid;
+ --palette-tint-action-pagination-default-background: #ffecf2;
+ --palette-tint-action-pagination-default-text: #ae0047;
+ --palette-tint-action-pagination-default-border: #a3a4a7;
+ --palette-tint-action-pagination-hover-background: #ffecf2;
+ --palette-tint-action-pagination-hover-text: #ae0047;
+ --palette-tint-action-pagination-hover-border: #710074;
+ --palette-tint-action-pagination-active-background: #710074;
+ --palette-tint-action-pagination-active-text: #ffffff;
+ --palette-tint-action-pagination-active-border: #710074;
+ --palette-tint-action-pagination-visited-background: #ffecf2;
+ --palette-tint-action-pagination-visited-text: #551a8b;
+ --palette-tint-action-pagination-visited-border: #a3a4a7;
+ --palette-alt-background: #e7e8e8;
+ --palette-alt-shade: #d0d0d2;
+ --palette-alt-focus-outline-color: #0085b3;
+ --palette-alt-border-default: #a3a4a7;
+ --palette-alt-border-variant: #5d5e62;
+ --palette-alt-boundary: #ff0084;
+ --palette-alt-partition: #5d5e62;
+ --palette-alt-separator: #a3a4a7;
+ --palette-alt-divider: #ae0047;
+ --palette-alt-fence: #ff0084;
+ --palette-alt-line: #a3a4a7;
+ --palette-alt-muted: #f5f5f5;
+ --palette-alt-subtle: #e7e8e8;
+ --palette-alt-accent-default: #ff0084;
+ --palette-alt-accent-on-accent: #5d0061;
+ --palette-alt-typography-site-title-default: #232323;
+ --palette-alt-typography-site-title-variant: #444444;
+ --palette-alt-typography-heading-default: #36003c;
+ --palette-alt-typography-heading-variant: #818181;
+ --palette-alt-typography-body-default: #232323;
+ --palette-alt-typography-body-variant: #444444;
+ --palette-alt-action-nav-main-default-background: #f5f5f5;
+ --palette-alt-action-nav-main-default-text: #444444;
+ --palette-alt-action-nav-main-default-text-decoration: none;
+ --palette-alt-action-nav-main-default-accent: #ff0084;
+ --palette-alt-action-nav-main-hover-background: #e7e8e8;
+ --palette-alt-action-nav-main-hover-text: #ae0047;
+ --palette-alt-action-nav-main-hover-text-decoration: underline;
+ --palette-alt-action-nav-main-hover-accent: #5d0061;
+ --palette-alt-action-button-primary-default-background: #710074;
+ --palette-alt-action-button-primary-default-text: #ffffff;
+ --palette-alt-action-button-primary-default-text-decoration: none;
+ --palette-alt-action-button-primary-default-border: #710074;
+ --palette-alt-action-button-primary-hover-background: #5d0061;
+ --palette-alt-action-button-primary-hover-text: #ffffff;
+ --palette-alt-action-button-primary-hover-text-decoration: underline;
+ --palette-alt-action-button-primary-hover-border: #5d0061;
+ --palette-alt-action-button-primary-active-background: #5d0061;
+ --palette-alt-action-button-primary-active-text: #ffffff;
+ --palette-alt-action-button-primary-active-text-decoration: none;
+ --palette-alt-action-button-primary-active-border: #5d0061;
+ --palette-alt-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-alt-action-button-secondary-default-text: #ae0047;
+ --palette-alt-action-button-secondary-default-text-decoration: none;
+ --palette-alt-action-button-secondary-default-border: #710074;
+ --palette-alt-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-alt-action-button-secondary-hover-text: #ae0047;
+ --palette-alt-action-button-secondary-hover-text-decoration: underline;
+ --palette-alt-action-button-secondary-hover-border: #5d0061;
+ --palette-alt-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-alt-action-button-secondary-active-text: #ae0047;
+ --palette-alt-action-button-secondary-active-text-decoration: none;
+ --palette-alt-action-button-secondary-active-border: #5d0061;
+ --palette-alt-action-link-default-color: #ae0047;
+ --palette-alt-action-link-default-text-decoration-color: rgba(#ae0047, 0.8);
+ --palette-alt-action-link-default-text-decoration-line: underline;
+ --palette-alt-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-alt-action-link-default-text-decoration-style: solid;
+ --palette-alt-action-link-hover-color: #87002b;
+ --palette-alt-action-link-hover-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-alt-action-link-hover-text-decoration-line: underline;
+ --palette-alt-action-link-hover-text-decoration-thickness: 2px;
+ --palette-alt-action-link-hover-text-decoration-style: solid;
+ --palette-alt-action-link-active-color: #87002b;
+ --palette-alt-action-link-active-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-alt-action-link-active-text-decoration-line: underline;
+ --palette-alt-action-link-active-text-decoration-thickness: 2px;
+ --palette-alt-action-link-active-text-decoration-style: solid;
+ --palette-alt-action-link-visited-color: #551a8b;
+ --palette-alt-action-link-visited-text-decoration-color: rgba(#551a8b, 0.8);
+ --palette-alt-action-link-visited-text-decoration-line: underline;
+ --palette-alt-action-link-visited-text-decoration-thickness: 2px;
+ --palette-alt-action-link-visited-text-decoration-style: solid;
+ --palette-alt-action-pagination-default-background: #e7e8e8;
+ --palette-alt-action-pagination-default-text: #ae0047;
+ --palette-alt-action-pagination-default-border: #a3a4a7;
+ --palette-alt-action-pagination-hover-background: #e7e8e8;
+ --palette-alt-action-pagination-hover-text: #ae0047;
+ --palette-alt-action-pagination-hover-border: #710074;
+ --palette-alt-action-pagination-active-background: #710074;
+ --palette-alt-action-pagination-active-text: #ffffff;
+ --palette-alt-action-pagination-active-border: #710074;
+ --palette-alt-action-pagination-visited-background: #e7e8e8;
+ --palette-alt-action-pagination-visited-text: #551a8b;
+ --palette-alt-action-pagination-visited-border: #a3a4a7;
+ --palette-bold-background: #710074;
+ --palette-bold-shade: #5d0061;
+ --palette-bold-focus-outline-color: #ffc0d4;
+ --palette-bold-border-default: #ff7dab;
+ --palette-bold-border-variant: #ffa0c0;
+ --palette-bold-boundary: #ff0084;
+ --palette-bold-partition: #ffa0c0;
+ --palette-bold-separator: #ff7dab;
+ --palette-bold-divider: #ffffff;
+ --palette-bold-fence: #ff0084;
+ --palette-bold-line: #ffa0c0;
+ --palette-bold-muted: #5d0061;
+ --palette-bold-subtle: #2a2b2f;
+ --palette-bold-accent-default: #ff0084;
+ --palette-bold-accent-on-accent: #ffc85e;
+ --palette-bold-typography-site-title-default: #ffffff;
+ --palette-bold-typography-site-title-variant: #fafafa;
+ --palette-bold-typography-heading-default: #ffffff;
+ --palette-bold-typography-heading-variant: #fafafa;
+ --palette-bold-typography-body-default: #ffffff;
+ --palette-bold-typography-body-variant: #ba89ba;
+ --palette-bold-action-nav-main-default-background: #5d0061;
+ --palette-bold-action-nav-main-default-text: #ffffff;
+ --palette-bold-action-nav-main-default-text-decoration: none;
+ --palette-bold-action-nav-main-default-accent: #ff0084;
+ --palette-bold-action-nav-main-hover-background: #2a2b2f;
+ --palette-bold-action-nav-main-hover-text: #ffffff;
+ --palette-bold-action-nav-main-hover-text-decoration: underline;
+ --palette-bold-action-nav-main-hover-accent: #ffc85e;
+ --palette-bold-action-button-primary-default-background: #ffffff;
+ --palette-bold-action-button-primary-default-text: #2a2b2f;
+ --palette-bold-action-button-primary-default-text-decoration: none;
+ --palette-bold-action-button-primary-default-border: #ffffff;
+ --palette-bold-action-button-primary-hover-background: #ffc85e;
+ --palette-bold-action-button-primary-hover-text: #2a2b2f;
+ --palette-bold-action-button-primary-hover-text-decoration: underline;
+ --palette-bold-action-button-primary-hover-border: #ffc85e;
+ --palette-bold-action-button-primary-active-background: #ffc85e;
+ --palette-bold-action-button-primary-active-text: #2a2b2f;
+ --palette-bold-action-button-primary-active-text-decoration: none;
+ --palette-bold-action-button-primary-active-border: #ffc85e;
+ --palette-bold-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-bold-action-button-secondary-default-text: #ffffff;
+ --palette-bold-action-button-secondary-default-text-decoration: none;
+ --palette-bold-action-button-secondary-default-border: #ffffff;
+ --palette-bold-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-bold-action-button-secondary-hover-text: #ffffff;
+ --palette-bold-action-button-secondary-hover-text-decoration: underline;
+ --palette-bold-action-button-secondary-hover-border: #ffc85e;
+ --palette-bold-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-bold-action-button-secondary-active-text: #ffffff;
+ --palette-bold-action-button-secondary-active-text-decoration: none;
+ --palette-bold-action-button-secondary-active-border: #ffc85e;
+ --palette-bold-action-link-default-color: #ffffff;
+ --palette-bold-action-link-default-text-decoration-color: rgba(#ffffff, 0.8);
+ --palette-bold-action-link-default-text-decoration-line: underline;
+ --palette-bold-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-bold-action-link-default-text-decoration-style: solid;
+ --palette-bold-action-link-hover-color: #ba89ba;
+ --palette-bold-action-link-hover-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-bold-action-link-hover-text-decoration-line: underline;
+ --palette-bold-action-link-hover-text-decoration-thickness: 2px;
+ --palette-bold-action-link-hover-text-decoration-style: solid;
+ --palette-bold-action-link-active-color: #ba89ba;
+ --palette-bold-action-link-active-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-bold-action-link-active-text-decoration-line: underline;
+ --palette-bold-action-link-active-text-decoration-thickness: 2px;
+ --palette-bold-action-link-active-text-decoration-style: solid;
+ --palette-bold-action-link-visited-color: #ffc0d4;
+ --palette-bold-action-link-visited-text-decoration-color: rgba(#ffc0d4, 0.8);
+ --palette-bold-action-link-visited-text-decoration-line: underline;
+ --palette-bold-action-link-visited-text-decoration-thickness: 2px;
+ --palette-bold-action-link-visited-text-decoration-style: solid;
+ --palette-bold-action-pagination-default-background: #710074;
+ --palette-bold-action-pagination-default-text: #ffffff;
+ --palette-bold-action-pagination-default-border: #ff7dab;
+ --palette-bold-action-pagination-hover-background: #710074;
+ --palette-bold-action-pagination-hover-text: #ffffff;
+ --palette-bold-action-pagination-hover-border: #ffffff;
+ --palette-bold-action-pagination-active-background: #ffffff;
+ --palette-bold-action-pagination-active-text: #710074;
+ --palette-bold-action-pagination-active-border: #ffffff;
+ --palette-bold-action-pagination-visited-background: #710074;
+ --palette-bold-action-pagination-visited-text: #551a8b;
+ --palette-bold-action-pagination-visited-border: #d70065;
+ --palette-strong-background: #2a2b2f;
+ --palette-strong-shade: #131418;
+ --palette-strong-focus-outline-color: #ffc0d4;
+ --palette-strong-border-default: #ff7dab;
+ --palette-strong-border-variant: #ffa0c0;
+ --palette-strong-boundary: #ff0084;
+ --palette-strong-partition: #ffa0c0;
+ --palette-strong-separator: #ff7dab;
+ --palette-strong-divider: #ffffff;
+ --palette-strong-fence: #ff0084;
+ --palette-strong-line: #ffa0c0;
+ --palette-strong-muted: #5d0061;
+ --palette-strong-subtle: #2a2b2f;
+ --palette-strong-accent-default: #ff0084;
+ --palette-strong-accent-on-accent: #ffc85e;
+ --palette-strong-typography-site-title-default: #ffffff;
+ --palette-strong-typography-site-title-variant: #fafafa;
+ --palette-strong-typography-heading-default: #ffffff;
+ --palette-strong-typography-heading-variant: #fafafa;
+ --palette-strong-typography-body-default: #ffffff;
+ --palette-strong-typography-body-variant: #ba89ba;
+ --palette-strong-action-nav-main-default-background: #5d0061;
+ --palette-strong-action-nav-main-default-text: #ffffff;
+ --palette-strong-action-nav-main-default-text-decoration: none;
+ --palette-strong-action-nav-main-default-accent: #ff0084;
+ --palette-strong-action-nav-main-hover-background: #2a2b2f;
+ --palette-strong-action-nav-main-hover-text: #ffffff;
+ --palette-strong-action-nav-main-hover-text-decoration: underline;
+ --palette-strong-action-nav-main-hover-accent: #ffc85e;
+ --palette-strong-action-button-primary-default-background: #ffffff;
+ --palette-strong-action-button-primary-default-text: #2a2b2f;
+ --palette-strong-action-button-primary-default-text-decoration: none;
+ --palette-strong-action-button-primary-default-border: #ffffff;
+ --palette-strong-action-button-primary-hover-background: #ffc85e;
+ --palette-strong-action-button-primary-hover-text: #2a2b2f;
+ --palette-strong-action-button-primary-hover-text-decoration: underline;
+ --palette-strong-action-button-primary-hover-border: #ffc85e;
+ --palette-strong-action-button-primary-active-background: #ffc85e;
+ --palette-strong-action-button-primary-active-text: #2a2b2f;
+ --palette-strong-action-button-primary-active-text-decoration: none;
+ --palette-strong-action-button-primary-active-border: #ffc85e;
+ --palette-strong-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-strong-action-button-secondary-default-text: #ffffff;
+ --palette-strong-action-button-secondary-default-text-decoration: none;
+ --palette-strong-action-button-secondary-default-border: #ffffff;
+ --palette-strong-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-strong-action-button-secondary-hover-text: #ffffff;
+ --palette-strong-action-button-secondary-hover-text-decoration: underline;
+ --palette-strong-action-button-secondary-hover-border: #ffc85e;
+ --palette-strong-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-strong-action-button-secondary-active-text: #ffffff;
+ --palette-strong-action-button-secondary-active-text-decoration: none;
+ --palette-strong-action-button-secondary-active-border: #ffc85e;
+ --palette-strong-action-link-default-color: #ffffff;
+ --palette-strong-action-link-default-text-decoration-color: rgba(#ffffff, 0.8);
+ --palette-strong-action-link-default-text-decoration-line: underline;
+ --palette-strong-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-strong-action-link-default-text-decoration-style: solid;
+ --palette-strong-action-link-hover-color: #ba89ba;
+ --palette-strong-action-link-hover-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-strong-action-link-hover-text-decoration-line: underline;
+ --palette-strong-action-link-hover-text-decoration-thickness: 2px;
+ --palette-strong-action-link-hover-text-decoration-style: solid;
+ --palette-strong-action-link-active-color: #ba89ba;
+ --palette-strong-action-link-active-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-strong-action-link-active-text-decoration-line: underline;
+ --palette-strong-action-link-active-text-decoration-thickness: 2px;
+ --palette-strong-action-link-active-text-decoration-style: solid;
+ --palette-strong-action-link-visited-color: #ffc0d4;
+ --palette-strong-action-link-visited-text-decoration-color: rgba(#ffc0d4, 0.8);
+ --palette-strong-action-link-visited-text-decoration-line: underline;
+ --palette-strong-action-link-visited-text-decoration-thickness: 2px;
+ --palette-strong-action-link-visited-text-decoration-style: solid;
+ --palette-strong-action-pagination-default-background: #2a2b2f;
+ --palette-strong-action-pagination-default-text: #ffffff;
+ --palette-strong-action-pagination-default-border: #ff7dab;
+ --palette-strong-action-pagination-hover-background: #2a2b2f;
+ --palette-strong-action-pagination-hover-text: #ffffff;
+ --palette-strong-action-pagination-hover-border: #ffffff;
+ --palette-strong-action-pagination-active-background: #ffffff;
+ --palette-strong-action-pagination-active-text: #2a2b2f;
+ --palette-strong-action-pagination-active-border: #ffffff;
+ --palette-strong-action-pagination-visited-background: #2a2b2f;
+ --palette-strong-action-pagination-visited-text: #551a8b;
+ --palette-strong-action-pagination-visited-border: #d70065;
+ --palette-dark-background: #232323;
+ --palette-dark-shade: #141414;
+ --palette-dark-focus-outline-color: #ffc0d4;
+ --palette-dark-border-default: #ff7dab;
+ --palette-dark-border-variant: #ffa0c0;
+ --palette-dark-boundary: #ff0084;
+ --palette-dark-partition: #ffa0c0;
+ --palette-dark-separator: #ff7dab;
+ --palette-dark-divider: #ffffff;
+ --palette-dark-fence: #ff0084;
+ --palette-dark-line: #ffa0c0;
+ --palette-dark-muted: #5d5e62;
+ --palette-dark-subtle: #2a2b2f;
+ --palette-dark-accent-default: #ff0084;
+ --palette-dark-accent-on-accent: #ffc85e;
+ --palette-dark-typography-site-title-default: #ffffff;
+ --palette-dark-typography-site-title-variant: #fafafa;
+ --palette-dark-typography-heading-default: #ffffff;
+ --palette-dark-typography-heading-variant: #fafafa;
+ --palette-dark-typography-body-default: #ffffff;
+ --palette-dark-typography-body-variant: #ba89ba;
+ --palette-dark-action-nav-main-default-background: #5d5e62;
+ --palette-dark-action-nav-main-default-text: #ffffff;
+ --palette-dark-action-nav-main-default-text-decoration: none;
+ --palette-dark-action-nav-main-default-accent: #ff0084;
+ --palette-dark-action-nav-main-hover-background: #2a2b2f;
+ --palette-dark-action-nav-main-hover-text: #ffffff;
+ --palette-dark-action-nav-main-hover-text-decoration: underline;
+ --palette-dark-action-nav-main-hover-accent: #ffc85e;
+ --palette-dark-action-button-primary-default-background: #ffffff;
+ --palette-dark-action-button-primary-default-text: #2a2b2f;
+ --palette-dark-action-button-primary-default-text-decoration: none;
+ --palette-dark-action-button-primary-default-border: #ffffff;
+ --palette-dark-action-button-primary-hover-background: #ffc85e;
+ --palette-dark-action-button-primary-hover-text: #2a2b2f;
+ --palette-dark-action-button-primary-hover-text-decoration: underline;
+ --palette-dark-action-button-primary-hover-border: #ffc85e;
+ --palette-dark-action-button-primary-active-background: #ffc85e;
+ --palette-dark-action-button-primary-active-text: #2a2b2f;
+ --palette-dark-action-button-primary-active-text-decoration: none;
+ --palette-dark-action-button-primary-active-border: #ffc85e;
+ --palette-dark-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-dark-action-button-secondary-default-text: #ffffff;
+ --palette-dark-action-button-secondary-default-text-decoration: none;
+ --palette-dark-action-button-secondary-default-border: #ffffff;
+ --palette-dark-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-dark-action-button-secondary-hover-text: #ffffff;
+ --palette-dark-action-button-secondary-hover-text-decoration: underline;
+ --palette-dark-action-button-secondary-hover-border: #ffc85e;
+ --palette-dark-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-dark-action-button-secondary-active-text: #ffffff;
+ --palette-dark-action-button-secondary-active-text-decoration: none;
+ --palette-dark-action-button-secondary-active-border: #ffc85e;
+ --palette-dark-action-link-default-color: #ffffff;
+ --palette-dark-action-link-default-text-decoration-color: rgba(#ffffff, 0.8);
+ --palette-dark-action-link-default-text-decoration-line: underline;
+ --palette-dark-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-dark-action-link-default-text-decoration-style: solid;
+ --palette-dark-action-link-hover-color: #ba89ba;
+ --palette-dark-action-link-hover-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-dark-action-link-hover-text-decoration-line: underline;
+ --palette-dark-action-link-hover-text-decoration-thickness: 2px;
+ --palette-dark-action-link-hover-text-decoration-style: solid;
+ --palette-dark-action-link-active-color: #ba89ba;
+ --palette-dark-action-link-active-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-dark-action-link-active-text-decoration-line: underline;
+ --palette-dark-action-link-active-text-decoration-thickness: 2px;
+ --palette-dark-action-link-active-text-decoration-style: solid;
+ --palette-dark-action-link-visited-color: #ffc0d4;
+ --palette-dark-action-link-visited-text-decoration-color: rgba(#ffc0d4, 0.8);
+ --palette-dark-action-link-visited-text-decoration-line: underline;
+ --palette-dark-action-link-visited-text-decoration-thickness: 2px;
+ --palette-dark-action-link-visited-text-decoration-style: solid;
+ --palette-dark-action-pagination-default-background: #232323;
+ --palette-dark-action-pagination-default-text: #ffffff;
+ --palette-dark-action-pagination-default-border: #ff7dab;
+ --palette-dark-action-pagination-hover-background: #232323;
+ --palette-dark-action-pagination-hover-text: #ffffff;
+ --palette-dark-action-pagination-hover-border: #ffffff;
+ --palette-dark-action-pagination-active-background: #ffffff;
+ --palette-dark-action-pagination-active-text: #232323;
+ --palette-dark-action-pagination-active-border: #ffffff;
+ --palette-dark-action-pagination-visited-background: #232323;
+ --palette-dark-action-pagination-visited-text: #551a8b;
+ --palette-dark-action-pagination-visited-border: #d70065;
+}
diff --git a/dist/js/button/button-campaign-saferqld-palette.js b/dist/js/button/button-campaign-saferqld-palette.js
new file mode 100644
index 0000000..ab5a758
--- /dev/null
+++ b/dist/js/button/button-campaign-saferqld-palette.js
@@ -0,0 +1,148 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const buttonPaletteBrightPrimaryDefaultBackground = "#710074";
+export const buttonPaletteBrightPrimaryDefaultText = "#ffffff";
+export const buttonPaletteBrightPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteBrightPrimaryDefaultBorder = "#710074";
+export const buttonPaletteBrightPrimaryActiveBackground = "#5d0061";
+export const buttonPaletteBrightPrimaryActiveText = "#ffffff";
+export const buttonPaletteBrightPrimaryActiveTextDecoration = "none";
+export const buttonPaletteBrightPrimaryActiveBorder = "#5d0061";
+export const buttonPaletteBrightPrimaryHoverBackground = "#5d0061";
+export const buttonPaletteBrightPrimaryHoverText = "#ffffff";
+export const buttonPaletteBrightPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteBrightPrimaryHoverBorder = "#5d0061";
+export const buttonPaletteBrightSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBrightSecondaryDefaultText = "#ae0047";
+export const buttonPaletteBrightSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteBrightSecondaryDefaultBorder = "#710074";
+export const buttonPaletteBrightSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBrightSecondaryActiveText = "#ae0047";
+export const buttonPaletteBrightSecondaryActiveTextDecoration = "none";
+export const buttonPaletteBrightSecondaryActiveBorder = "#5d0061";
+export const buttonPaletteBrightSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBrightSecondaryHoverText = "#ae0047";
+export const buttonPaletteBrightSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteBrightSecondaryHoverBorder = "#5d0061";
+export const buttonPaletteTintPrimaryDefaultBackground = "#710074";
+export const buttonPaletteTintPrimaryDefaultText = "#ffffff";
+export const buttonPaletteTintPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteTintPrimaryDefaultBorder = "#710074";
+export const buttonPaletteTintPrimaryActiveBackground = "#5d0061";
+export const buttonPaletteTintPrimaryActiveText = "#ffffff";
+export const buttonPaletteTintPrimaryActiveTextDecoration = "none";
+export const buttonPaletteTintPrimaryActiveBorder = "#5d0061";
+export const buttonPaletteTintPrimaryHoverBackground = "#5d0061";
+export const buttonPaletteTintPrimaryHoverText = "#ffffff";
+export const buttonPaletteTintPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteTintPrimaryHoverBorder = "#5d0061";
+export const buttonPaletteTintSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteTintSecondaryDefaultText = "#ae0047";
+export const buttonPaletteTintSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteTintSecondaryDefaultBorder = "#710074";
+export const buttonPaletteTintSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteTintSecondaryActiveText = "#ae0047";
+export const buttonPaletteTintSecondaryActiveTextDecoration = "none";
+export const buttonPaletteTintSecondaryActiveBorder = "#5d0061";
+export const buttonPaletteTintSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteTintSecondaryHoverText = "#ae0047";
+export const buttonPaletteTintSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteTintSecondaryHoverBorder = "#5d0061";
+export const buttonPaletteAltPrimaryDefaultBackground = "#710074";
+export const buttonPaletteAltPrimaryDefaultText = "#ffffff";
+export const buttonPaletteAltPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteAltPrimaryDefaultBorder = "#710074";
+export const buttonPaletteAltPrimaryActiveBackground = "#5d0061";
+export const buttonPaletteAltPrimaryActiveText = "#ffffff";
+export const buttonPaletteAltPrimaryActiveTextDecoration = "none";
+export const buttonPaletteAltPrimaryActiveBorder = "#5d0061";
+export const buttonPaletteAltPrimaryHoverBackground = "#5d0061";
+export const buttonPaletteAltPrimaryHoverText = "#ffffff";
+export const buttonPaletteAltPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteAltPrimaryHoverBorder = "#5d0061";
+export const buttonPaletteAltSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteAltSecondaryDefaultText = "#ae0047";
+export const buttonPaletteAltSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteAltSecondaryDefaultBorder = "#710074";
+export const buttonPaletteAltSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteAltSecondaryActiveText = "#ae0047";
+export const buttonPaletteAltSecondaryActiveTextDecoration = "none";
+export const buttonPaletteAltSecondaryActiveBorder = "#5d0061";
+export const buttonPaletteAltSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteAltSecondaryHoverText = "#ae0047";
+export const buttonPaletteAltSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteAltSecondaryHoverBorder = "#5d0061";
+export const buttonPaletteBoldPrimaryDefaultBackground = "#ffffff";
+export const buttonPaletteBoldPrimaryDefaultText = "#2a2b2f";
+export const buttonPaletteBoldPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteBoldPrimaryDefaultBorder = "#ffffff";
+export const buttonPaletteBoldPrimaryActiveBackground = "#ffc85e";
+export const buttonPaletteBoldPrimaryActiveText = "#2a2b2f";
+export const buttonPaletteBoldPrimaryActiveTextDecoration = "none";
+export const buttonPaletteBoldPrimaryActiveBorder = "#ffc85e";
+export const buttonPaletteBoldPrimaryHoverBackground = "#ffc85e";
+export const buttonPaletteBoldPrimaryHoverText = "#2a2b2f";
+export const buttonPaletteBoldPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteBoldPrimaryHoverBorder = "#ffc85e";
+export const buttonPaletteBoldSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBoldSecondaryDefaultText = "#ffffff";
+export const buttonPaletteBoldSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteBoldSecondaryDefaultBorder = "#ffffff";
+export const buttonPaletteBoldSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBoldSecondaryActiveText = "#ffffff";
+export const buttonPaletteBoldSecondaryActiveTextDecoration = "none";
+export const buttonPaletteBoldSecondaryActiveBorder = "#ffc85e";
+export const buttonPaletteBoldSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBoldSecondaryHoverText = "#ffffff";
+export const buttonPaletteBoldSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteBoldSecondaryHoverBorder = "#ffc85e";
+export const buttonPaletteStrongPrimaryDefaultBackground = "#ffffff";
+export const buttonPaletteStrongPrimaryDefaultText = "#2a2b2f";
+export const buttonPaletteStrongPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteStrongPrimaryDefaultBorder = "#ffffff";
+export const buttonPaletteStrongPrimaryActiveBackground = "#ffc85e";
+export const buttonPaletteStrongPrimaryActiveText = "#2a2b2f";
+export const buttonPaletteStrongPrimaryActiveTextDecoration = "none";
+export const buttonPaletteStrongPrimaryActiveBorder = "#ffc85e";
+export const buttonPaletteStrongPrimaryHoverBackground = "#ffc85e";
+export const buttonPaletteStrongPrimaryHoverText = "#2a2b2f";
+export const buttonPaletteStrongPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteStrongPrimaryHoverBorder = "#ffc85e";
+export const buttonPaletteStrongSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteStrongSecondaryDefaultText = "#ffffff";
+export const buttonPaletteStrongSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteStrongSecondaryDefaultBorder = "#ffffff";
+export const buttonPaletteStrongSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteStrongSecondaryActiveText = "#ffffff";
+export const buttonPaletteStrongSecondaryActiveTextDecoration = "none";
+export const buttonPaletteStrongSecondaryActiveBorder = "#ffc85e";
+export const buttonPaletteStrongSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteStrongSecondaryHoverText = "#ffffff";
+export const buttonPaletteStrongSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteStrongSecondaryHoverBorder = "#ffc85e";
+export const buttonPaletteDarkPrimaryDefaultBackground = "#ffffff";
+export const buttonPaletteDarkPrimaryDefaultText = "#2a2b2f";
+export const buttonPaletteDarkPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteDarkPrimaryDefaultBorder = "#ffffff";
+export const buttonPaletteDarkPrimaryActiveBackground = "#ffc85e";
+export const buttonPaletteDarkPrimaryActiveText = "#2a2b2f";
+export const buttonPaletteDarkPrimaryActiveTextDecoration = "none";
+export const buttonPaletteDarkPrimaryActiveBorder = "#ffc85e";
+export const buttonPaletteDarkPrimaryHoverBackground = "#ffc85e";
+export const buttonPaletteDarkPrimaryHoverText = "#2a2b2f";
+export const buttonPaletteDarkPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteDarkPrimaryHoverBorder = "#ffc85e";
+export const buttonPaletteDarkSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteDarkSecondaryDefaultText = "#ffffff";
+export const buttonPaletteDarkSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteDarkSecondaryDefaultBorder = "#ffffff";
+export const buttonPaletteDarkSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteDarkSecondaryActiveText = "#ffffff";
+export const buttonPaletteDarkSecondaryActiveTextDecoration = "none";
+export const buttonPaletteDarkSecondaryActiveBorder = "#ffc85e";
+export const buttonPaletteDarkSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteDarkSecondaryHoverText = "#ffffff";
+export const buttonPaletteDarkSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteDarkSecondaryHoverBorder = "#ffc85e";
diff --git a/dist/js/card/card-campaign-saferqld-palette.js b/dist/js/card/card-campaign-saferqld-palette.js
new file mode 100644
index 0000000..0f4a760
--- /dev/null
+++ b/dist/js/card/card-campaign-saferqld-palette.js
@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const cardBackground = "#ffffff";
diff --git a/dist/js/styles/qgds-campaign-saferqld-palette.js b/dist/js/styles/qgds-campaign-saferqld-palette.js
new file mode 100644
index 0000000..21cd5b0
--- /dev/null
+++ b/dist/js/styles/qgds-campaign-saferqld-palette.js
@@ -0,0 +1,628 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const themeColorBrandFirst = "#a7e5ff";
+export const themeColorBrandSecond = "#ffe500";
+export const themeColorBrandThird = "#a7e5ff";
+export const themeColorBrandFourth = "#a7e5ff";
+export const themeColorBackgroundBright = "#ffffff";
+export const themeColorBackgroundTint = "#ffecf2";
+export const themeColorBackgroundAlt = "#f5f5f5";
+export const themeColorBackgroundBold = "#710074";
+export const themeColorBackgroundStrong = "#2a2b2f";
+export const themeColorBackgroundDark = "#232323";
+export const themeColorActionOnLightsPrimaryDefaultColor = "#710074";
+export const themeColorActionOnLightsPrimaryDefaultText = "#ffffff";
+export const themeColorActionOnLightsPrimaryHoverColor = "#5d0061";
+export const themeColorActionOnLightsPrimaryHoverText = "#ffffff";
+export const themeColorActionOnLightsPrimaryActiveColor = "#5d0061";
+export const themeColorActionOnLightsPrimaryActiveText = "#ffffff";
+export const themeColorActionOnLightsSecondaryDefaultColor = "#710074";
+export const themeColorActionOnLightsSecondaryDefaultText = "#ae0047";
+export const themeColorActionOnLightsSecondaryHoverColor = "#5d0061";
+export const themeColorActionOnLightsSecondaryHoverText = "#ae0047";
+export const themeColorActionOnLightsSecondaryActiveColor = "#5d0061";
+export const themeColorActionOnLightsSecondaryActiveText = "#ae0047";
+export const themeColorActionOnDarksPrimaryDefaultColor = "#ffffff";
+export const themeColorActionOnDarksPrimaryDefaultText = "#2a2b2f";
+export const themeColorActionOnDarksPrimaryHoverColor = "#ffd27e";
+export const themeColorActionOnDarksPrimaryHoverText = "#2a2b2f";
+export const themeColorActionOnDarksPrimaryActiveColor = "#ffd27e";
+export const themeColorActionOnDarksPrimaryActiveText = "#2a2b2f";
+export const themeColorActionOnDarksSecondaryDefaultColor = "#ffffff";
+export const themeColorActionOnDarksSecondaryDefaultText = "#ffffff";
+export const themeColorActionOnDarksSecondaryHoverColor = "#ffd27e";
+export const themeColorActionOnDarksSecondaryHoverText = "#ffffff";
+export const themeColorActionOnDarksSecondaryActiveColor = "#ffd27e";
+export const themeColorActionOnDarksSecondaryActiveText = "#ffffff";
+export const themeColorWordingOnLightsSiteTitleDefault = "#232323";
+export const themeColorWordingOnLightsSiteTitleVariant = "#444444";
+export const themeColorWordingOnLightsHeadingDefault = "#36003c";
+export const themeColorWordingOnLightsHeadingVariant = "#818181";
+export const themeColorWordingOnLightsBodyDefault = "#232323";
+export const themeColorWordingOnLightsBodyVariant = "#444444";
+export const themeColorWordingOnDarksSiteTitleDefault = "#ffffff";
+export const themeColorWordingOnDarksSiteTitleVariant = "#fafafa";
+export const themeColorWordingOnDarksHeadingDefault = "#ffffff";
+export const themeColorWordingOnDarksHeadingVariant = "#fafafa";
+export const themeColorWordingOnDarksBodyDefault = "#ffffff";
+export const themeColorWordingOnDarksBodyVariant = "#ba89ba";
+export const themeColorReservedErrorDefault = "#e22339";
+export const themeColorReservedErrorLightest = "#ffeceb";
+export const themeColorReservedErrorLighter = "#ffe0dd";
+export const themeColorReservedErrorDarker = "#770000";
+export const themeColorReservedInformationDefault = "#0085b3";
+export const themeColorReservedInformationLightest = "#eaf3f8";
+export const themeColorReservedInformationLighter = "#dcebf3";
+export const themeColorReservedInformationDarker = "#00315a";
+export const themeColorReservedSuccessDefault = "#6bbe27";
+export const themeColorReservedSuccessLightest = "#f0f9ec";
+export const themeColorReservedSuccessLighter = "#e7f5df";
+export const themeColorReservedSuccessDarker = "#004f00";
+export const themeColorReservedAlertDefault = "#ffe500";
+export const themeColorReservedAlertLightest = "#fffdee";
+export const themeColorReservedAlertLighter = "#fffce3";
+export const themeColorReservedAlertDarker = "#705500";
+export const themeColorSyntaxBackground = "#232323";
+export const themeColorSyntaxValues = "#6bbe27";
+export const themeColorSyntaxElements = "#a7e5ff";
+export const themeColorSyntaxProperties = "#710074";
+export const themeColorSyntaxComments = "#c0d7ec";
+export const themeFocusOutlineWidth = "4px";
+export const themeFocusOutlineStyle = "solid";
+export const themeShadowsDefault = "#070707";
+export const paletteBrightBackground = "#ffffff";
+export const paletteBrightShade = "#f5f5f5";
+export const paletteBrightFocusOutlineColor = "#0085b3";
+export const paletteBrightBorderDefault = "#d0d0d2";
+export const paletteBrightBorderVariant = "#5d5e62";
+export const paletteBrightBoundary = "#ff0084";
+export const paletteBrightPartition = "#5d5e62";
+export const paletteBrightSeparator = "#d0d0d2";
+export const paletteBrightDivider = "#ae0047";
+export const paletteBrightFence = "#ff0084";
+export const paletteBrightLine = "#d0d0d2";
+export const paletteBrightMuted = "#f5f5f5";
+export const paletteBrightSubtle = "#e7e8e8";
+export const paletteBrightAccentDefault = "#ff0084";
+export const paletteBrightAccentOnAccent = "#5d0061";
+export const paletteBrightTypographySiteTitleDefault = "#232323";
+export const paletteBrightTypographySiteTitleVariant = "#444444";
+export const paletteBrightTypographyHeadingDefault = "#36003c";
+export const paletteBrightTypographyHeadingVariant = "#818181";
+export const paletteBrightTypographyBodyDefault = "#232323";
+export const paletteBrightTypographyBodyVariant = "#444444";
+export const paletteBrightActionNavMainDefaultBackground = "#f5f5f5";
+export const paletteBrightActionNavMainDefaultText = "#444444";
+export const paletteBrightActionNavMainDefaultTextDecoration = "none";
+export const paletteBrightActionNavMainDefaultAccent = "#ff0084";
+export const paletteBrightActionNavMainHoverBackground = "#e7e8e8";
+export const paletteBrightActionNavMainHoverText = "#ae0047";
+export const paletteBrightActionNavMainHoverTextDecoration = "underline";
+export const paletteBrightActionNavMainHoverAccent = "#5d0061";
+export const paletteBrightActionButtonPrimaryDefaultBackground = "#710074";
+export const paletteBrightActionButtonPrimaryDefaultText = "#ffffff";
+export const paletteBrightActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteBrightActionButtonPrimaryDefaultBorder = "#710074";
+export const paletteBrightActionButtonPrimaryHoverBackground = "#5d0061";
+export const paletteBrightActionButtonPrimaryHoverText = "#ffffff";
+export const paletteBrightActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteBrightActionButtonPrimaryHoverBorder = "#5d0061";
+export const paletteBrightActionButtonPrimaryActiveBackground = "#5d0061";
+export const paletteBrightActionButtonPrimaryActiveText = "#ffffff";
+export const paletteBrightActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteBrightActionButtonPrimaryActiveBorder = "#5d0061";
+export const paletteBrightActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBrightActionButtonSecondaryDefaultText = "#ae0047";
+export const paletteBrightActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteBrightActionButtonSecondaryDefaultBorder = "#710074";
+export const paletteBrightActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBrightActionButtonSecondaryHoverText = "#ae0047";
+export const paletteBrightActionButtonSecondaryHoverTextDecoration =
+ "underline";
+export const paletteBrightActionButtonSecondaryHoverBorder = "#5d0061";
+export const paletteBrightActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBrightActionButtonSecondaryActiveText = "#ae0047";
+export const paletteBrightActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteBrightActionButtonSecondaryActiveBorder = "#5d0061";
+export const paletteBrightActionLinkDefaultColor = "#ae0047";
+export const paletteBrightActionLinkDefaultTextDecorationColor =
+ "rgba(#ae0047, 0.8)";
+export const paletteBrightActionLinkDefaultTextDecorationLine = "underline";
+export const paletteBrightActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteBrightActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteBrightActionLinkHoverColor = "#87002b";
+export const paletteBrightActionLinkHoverTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteBrightActionLinkHoverTextDecorationLine = "underline";
+export const paletteBrightActionLinkHoverTextDecorationThickness = "2px";
+export const paletteBrightActionLinkHoverTextDecorationStyle = "solid";
+export const paletteBrightActionLinkActiveColor = "#87002b";
+export const paletteBrightActionLinkActiveTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteBrightActionLinkActiveTextDecorationLine = "underline";
+export const paletteBrightActionLinkActiveTextDecorationThickness = "2px";
+export const paletteBrightActionLinkActiveTextDecorationStyle = "solid";
+export const paletteBrightActionLinkVisitedColor = "#551a8b";
+export const paletteBrightActionLinkVisitedTextDecorationColor =
+ "rgba(#551a8b, 0.8)";
+export const paletteBrightActionLinkVisitedTextDecorationLine = "underline";
+export const paletteBrightActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteBrightActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteBrightActionPaginationDefaultBackground = "#ffffff";
+export const paletteBrightActionPaginationDefaultText = "#ae0047";
+export const paletteBrightActionPaginationDefaultBorder = "#a3a4a7";
+export const paletteBrightActionPaginationHoverBackground = "#ffffff";
+export const paletteBrightActionPaginationHoverText = "#ae0047";
+export const paletteBrightActionPaginationHoverBorder = "#710074";
+export const paletteBrightActionPaginationActiveBackground = "#710074";
+export const paletteBrightActionPaginationActiveText = "#ffffff";
+export const paletteBrightActionPaginationActiveBorder = "#710074";
+export const paletteBrightActionPaginationVisitedBackground = "#ffffff";
+export const paletteBrightActionPaginationVisitedText = "#551a8b";
+export const paletteBrightActionPaginationVisitedBorder = "#a3a4a7";
+export const paletteTintBackground = "#ffecf2";
+export const paletteTintShade = "#ffe0ea";
+export const paletteTintFocusOutlineColor = "#0085b3";
+export const paletteTintBorderDefault = "#f0b8c0";
+export const paletteTintBorderVariant = "#5d5e62";
+export const paletteTintBoundary = "#ff0084";
+export const paletteTintPartition = "#5d5e62";
+export const paletteTintSeparator = "#f0b8c0";
+export const paletteTintDivider = "#ae0047";
+export const paletteTintFence = "#ff0084";
+export const paletteTintLine = "#f0b8c0";
+export const paletteTintMuted = "#f5f5f5";
+export const paletteTintSubtle = "#e7e8e8";
+export const paletteTintAccentDefault = "#ff0084";
+export const paletteTintAccentOnAccent = "#5d0061";
+export const paletteTintTypographySiteTitleDefault = "#232323";
+export const paletteTintTypographySiteTitleVariant = "#444444";
+export const paletteTintTypographyHeadingDefault = "#36003c";
+export const paletteTintTypographyHeadingVariant = "#818181";
+export const paletteTintTypographyBodyDefault = "#232323";
+export const paletteTintTypographyBodyVariant = "#444444";
+export const paletteTintActionNavMainDefaultBackground = "#f5f5f5";
+export const paletteTintActionNavMainDefaultText = "#444444";
+export const paletteTintActionNavMainDefaultTextDecoration = "none";
+export const paletteTintActionNavMainDefaultAccent = "#ff0084";
+export const paletteTintActionNavMainHoverBackground = "#e7e8e8";
+export const paletteTintActionNavMainHoverText = "#ae0047";
+export const paletteTintActionNavMainHoverTextDecoration = "underline";
+export const paletteTintActionNavMainHoverAccent = "#5d0061";
+export const paletteTintActionButtonPrimaryDefaultBackground = "#710074";
+export const paletteTintActionButtonPrimaryDefaultText = "#ffffff";
+export const paletteTintActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteTintActionButtonPrimaryDefaultBorder = "#710074";
+export const paletteTintActionButtonPrimaryHoverBackground = "#5d0061";
+export const paletteTintActionButtonPrimaryHoverText = "#ffffff";
+export const paletteTintActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteTintActionButtonPrimaryHoverBorder = "#5d0061";
+export const paletteTintActionButtonPrimaryActiveBackground = "#5d0061";
+export const paletteTintActionButtonPrimaryActiveText = "#ffffff";
+export const paletteTintActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteTintActionButtonPrimaryActiveBorder = "#5d0061";
+export const paletteTintActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteTintActionButtonSecondaryDefaultText = "#ae0047";
+export const paletteTintActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteTintActionButtonSecondaryDefaultBorder = "#710074";
+export const paletteTintActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteTintActionButtonSecondaryHoverText = "#ae0047";
+export const paletteTintActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteTintActionButtonSecondaryHoverBorder = "#5d0061";
+export const paletteTintActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteTintActionButtonSecondaryActiveText = "#ae0047";
+export const paletteTintActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteTintActionButtonSecondaryActiveBorder = "#5d0061";
+export const paletteTintActionLinkDefaultColor = "#ae0047";
+export const paletteTintActionLinkDefaultTextDecorationColor =
+ "rgba(#ae0047, 0.8)";
+export const paletteTintActionLinkDefaultTextDecorationLine = "underline";
+export const paletteTintActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteTintActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteTintActionLinkHoverColor = "#87002b";
+export const paletteTintActionLinkHoverTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteTintActionLinkHoverTextDecorationLine = "underline";
+export const paletteTintActionLinkHoverTextDecorationThickness = "2px";
+export const paletteTintActionLinkHoverTextDecorationStyle = "solid";
+export const paletteTintActionLinkActiveColor = "#87002b";
+export const paletteTintActionLinkActiveTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteTintActionLinkActiveTextDecorationLine = "underline";
+export const paletteTintActionLinkActiveTextDecorationThickness = "2px";
+export const paletteTintActionLinkActiveTextDecorationStyle = "solid";
+export const paletteTintActionLinkVisitedColor = "#551a8b";
+export const paletteTintActionLinkVisitedTextDecorationColor =
+ "rgba(#551a8b, 0.8)";
+export const paletteTintActionLinkVisitedTextDecorationLine = "underline";
+export const paletteTintActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteTintActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteTintActionPaginationDefaultBackground = "#ffecf2";
+export const paletteTintActionPaginationDefaultText = "#ae0047";
+export const paletteTintActionPaginationDefaultBorder = "#a3a4a7";
+export const paletteTintActionPaginationHoverBackground = "#ffecf2";
+export const paletteTintActionPaginationHoverText = "#ae0047";
+export const paletteTintActionPaginationHoverBorder = "#710074";
+export const paletteTintActionPaginationActiveBackground = "#710074";
+export const paletteTintActionPaginationActiveText = "#ffffff";
+export const paletteTintActionPaginationActiveBorder = "#710074";
+export const paletteTintActionPaginationVisitedBackground = "#ffecf2";
+export const paletteTintActionPaginationVisitedText = "#551a8b";
+export const paletteTintActionPaginationVisitedBorder = "#a3a4a7";
+export const paletteAltBackground = "#e7e8e8";
+export const paletteAltShade = "#d0d0d2";
+export const paletteAltFocusOutlineColor = "#0085b3";
+export const paletteAltBorderDefault = "#a3a4a7";
+export const paletteAltBorderVariant = "#5d5e62";
+export const paletteAltBoundary = "#ff0084";
+export const paletteAltPartition = "#5d5e62";
+export const paletteAltSeparator = "#a3a4a7";
+export const paletteAltDivider = "#ae0047";
+export const paletteAltFence = "#ff0084";
+export const paletteAltLine = "#a3a4a7";
+export const paletteAltMuted = "#f5f5f5";
+export const paletteAltSubtle = "#e7e8e8";
+export const paletteAltAccentDefault = "#ff0084";
+export const paletteAltAccentOnAccent = "#5d0061";
+export const paletteAltTypographySiteTitleDefault = "#232323";
+export const paletteAltTypographySiteTitleVariant = "#444444";
+export const paletteAltTypographyHeadingDefault = "#36003c";
+export const paletteAltTypographyHeadingVariant = "#818181";
+export const paletteAltTypographyBodyDefault = "#232323";
+export const paletteAltTypographyBodyVariant = "#444444";
+export const paletteAltActionNavMainDefaultBackground = "#f5f5f5";
+export const paletteAltActionNavMainDefaultText = "#444444";
+export const paletteAltActionNavMainDefaultTextDecoration = "none";
+export const paletteAltActionNavMainDefaultAccent = "#ff0084";
+export const paletteAltActionNavMainHoverBackground = "#e7e8e8";
+export const paletteAltActionNavMainHoverText = "#ae0047";
+export const paletteAltActionNavMainHoverTextDecoration = "underline";
+export const paletteAltActionNavMainHoverAccent = "#5d0061";
+export const paletteAltActionButtonPrimaryDefaultBackground = "#710074";
+export const paletteAltActionButtonPrimaryDefaultText = "#ffffff";
+export const paletteAltActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteAltActionButtonPrimaryDefaultBorder = "#710074";
+export const paletteAltActionButtonPrimaryHoverBackground = "#5d0061";
+export const paletteAltActionButtonPrimaryHoverText = "#ffffff";
+export const paletteAltActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteAltActionButtonPrimaryHoverBorder = "#5d0061";
+export const paletteAltActionButtonPrimaryActiveBackground = "#5d0061";
+export const paletteAltActionButtonPrimaryActiveText = "#ffffff";
+export const paletteAltActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteAltActionButtonPrimaryActiveBorder = "#5d0061";
+export const paletteAltActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteAltActionButtonSecondaryDefaultText = "#ae0047";
+export const paletteAltActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteAltActionButtonSecondaryDefaultBorder = "#710074";
+export const paletteAltActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteAltActionButtonSecondaryHoverText = "#ae0047";
+export const paletteAltActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteAltActionButtonSecondaryHoverBorder = "#5d0061";
+export const paletteAltActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteAltActionButtonSecondaryActiveText = "#ae0047";
+export const paletteAltActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteAltActionButtonSecondaryActiveBorder = "#5d0061";
+export const paletteAltActionLinkDefaultColor = "#ae0047";
+export const paletteAltActionLinkDefaultTextDecorationColor =
+ "rgba(#ae0047, 0.8)";
+export const paletteAltActionLinkDefaultTextDecorationLine = "underline";
+export const paletteAltActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteAltActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteAltActionLinkHoverColor = "#87002b";
+export const paletteAltActionLinkHoverTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteAltActionLinkHoverTextDecorationLine = "underline";
+export const paletteAltActionLinkHoverTextDecorationThickness = "2px";
+export const paletteAltActionLinkHoverTextDecorationStyle = "solid";
+export const paletteAltActionLinkActiveColor = "#87002b";
+export const paletteAltActionLinkActiveTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteAltActionLinkActiveTextDecorationLine = "underline";
+export const paletteAltActionLinkActiveTextDecorationThickness = "2px";
+export const paletteAltActionLinkActiveTextDecorationStyle = "solid";
+export const paletteAltActionLinkVisitedColor = "#551a8b";
+export const paletteAltActionLinkVisitedTextDecorationColor =
+ "rgba(#551a8b, 0.8)";
+export const paletteAltActionLinkVisitedTextDecorationLine = "underline";
+export const paletteAltActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteAltActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteAltActionPaginationDefaultBackground = "#e7e8e8";
+export const paletteAltActionPaginationDefaultText = "#ae0047";
+export const paletteAltActionPaginationDefaultBorder = "#a3a4a7";
+export const paletteAltActionPaginationHoverBackground = "#e7e8e8";
+export const paletteAltActionPaginationHoverText = "#ae0047";
+export const paletteAltActionPaginationHoverBorder = "#710074";
+export const paletteAltActionPaginationActiveBackground = "#710074";
+export const paletteAltActionPaginationActiveText = "#ffffff";
+export const paletteAltActionPaginationActiveBorder = "#710074";
+export const paletteAltActionPaginationVisitedBackground = "#e7e8e8";
+export const paletteAltActionPaginationVisitedText = "#551a8b";
+export const paletteAltActionPaginationVisitedBorder = "#a3a4a7";
+export const paletteBoldBackground = "#710074";
+export const paletteBoldShade = "#5d0061";
+export const paletteBoldFocusOutlineColor = "#ffc0d4";
+export const paletteBoldBorderDefault = "#ff7dab";
+export const paletteBoldBorderVariant = "#ffa0c0";
+export const paletteBoldBoundary = "#ff0084";
+export const paletteBoldPartition = "#ffa0c0";
+export const paletteBoldSeparator = "#ff7dab";
+export const paletteBoldDivider = "#ffffff";
+export const paletteBoldFence = "#ff0084";
+export const paletteBoldLine = "#ffa0c0";
+export const paletteBoldMuted = "#5d0061";
+export const paletteBoldSubtle = "#2a2b2f";
+export const paletteBoldAccentDefault = "#ff0084";
+export const paletteBoldAccentOnAccent = "#ffc85e";
+export const paletteBoldTypographySiteTitleDefault = "#ffffff";
+export const paletteBoldTypographySiteTitleVariant = "#fafafa";
+export const paletteBoldTypographyHeadingDefault = "#ffffff";
+export const paletteBoldTypographyHeadingVariant = "#fafafa";
+export const paletteBoldTypographyBodyDefault = "#ffffff";
+export const paletteBoldTypographyBodyVariant = "#ba89ba";
+export const paletteBoldActionNavMainDefaultBackground = "#5d0061";
+export const paletteBoldActionNavMainDefaultText = "#ffffff";
+export const paletteBoldActionNavMainDefaultTextDecoration = "none";
+export const paletteBoldActionNavMainDefaultAccent = "#ff0084";
+export const paletteBoldActionNavMainHoverBackground = "#2a2b2f";
+export const paletteBoldActionNavMainHoverText = "#ffffff";
+export const paletteBoldActionNavMainHoverTextDecoration = "underline";
+export const paletteBoldActionNavMainHoverAccent = "#ffc85e";
+export const paletteBoldActionButtonPrimaryDefaultBackground = "#ffffff";
+export const paletteBoldActionButtonPrimaryDefaultText = "#2a2b2f";
+export const paletteBoldActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteBoldActionButtonPrimaryDefaultBorder = "#ffffff";
+export const paletteBoldActionButtonPrimaryHoverBackground = "#ffc85e";
+export const paletteBoldActionButtonPrimaryHoverText = "#2a2b2f";
+export const paletteBoldActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteBoldActionButtonPrimaryHoverBorder = "#ffc85e";
+export const paletteBoldActionButtonPrimaryActiveBackground = "#ffc85e";
+export const paletteBoldActionButtonPrimaryActiveText = "#2a2b2f";
+export const paletteBoldActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteBoldActionButtonPrimaryActiveBorder = "#ffc85e";
+export const paletteBoldActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBoldActionButtonSecondaryDefaultText = "#ffffff";
+export const paletteBoldActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteBoldActionButtonSecondaryDefaultBorder = "#ffffff";
+export const paletteBoldActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBoldActionButtonSecondaryHoverText = "#ffffff";
+export const paletteBoldActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteBoldActionButtonSecondaryHoverBorder = "#ffc85e";
+export const paletteBoldActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBoldActionButtonSecondaryActiveText = "#ffffff";
+export const paletteBoldActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteBoldActionButtonSecondaryActiveBorder = "#ffc85e";
+export const paletteBoldActionLinkDefaultColor = "#ffffff";
+export const paletteBoldActionLinkDefaultTextDecorationColor =
+ "rgba(#ffffff, 0.8)";
+export const paletteBoldActionLinkDefaultTextDecorationLine = "underline";
+export const paletteBoldActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteBoldActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteBoldActionLinkHoverColor = "#ba89ba";
+export const paletteBoldActionLinkHoverTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteBoldActionLinkHoverTextDecorationLine = "underline";
+export const paletteBoldActionLinkHoverTextDecorationThickness = "2px";
+export const paletteBoldActionLinkHoverTextDecorationStyle = "solid";
+export const paletteBoldActionLinkActiveColor = "#ba89ba";
+export const paletteBoldActionLinkActiveTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteBoldActionLinkActiveTextDecorationLine = "underline";
+export const paletteBoldActionLinkActiveTextDecorationThickness = "2px";
+export const paletteBoldActionLinkActiveTextDecorationStyle = "solid";
+export const paletteBoldActionLinkVisitedColor = "#ffc0d4";
+export const paletteBoldActionLinkVisitedTextDecorationColor =
+ "rgba(#ffc0d4, 0.8)";
+export const paletteBoldActionLinkVisitedTextDecorationLine = "underline";
+export const paletteBoldActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteBoldActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteBoldActionPaginationDefaultBackground = "#710074";
+export const paletteBoldActionPaginationDefaultText = "#ffffff";
+export const paletteBoldActionPaginationDefaultBorder = "#ff7dab";
+export const paletteBoldActionPaginationHoverBackground = "#710074";
+export const paletteBoldActionPaginationHoverText = "#ffffff";
+export const paletteBoldActionPaginationHoverBorder = "#ffffff";
+export const paletteBoldActionPaginationActiveBackground = "#ffffff";
+export const paletteBoldActionPaginationActiveText = "#710074";
+export const paletteBoldActionPaginationActiveBorder = "#ffffff";
+export const paletteBoldActionPaginationVisitedBackground = "#710074";
+export const paletteBoldActionPaginationVisitedText = "#551a8b";
+export const paletteBoldActionPaginationVisitedBorder = "#d70065";
+export const paletteStrongBackground = "#2a2b2f";
+export const paletteStrongShade = "#131418";
+export const paletteStrongFocusOutlineColor = "#ffc0d4";
+export const paletteStrongBorderDefault = "#ff7dab";
+export const paletteStrongBorderVariant = "#ffa0c0";
+export const paletteStrongBoundary = "#ff0084";
+export const paletteStrongPartition = "#ffa0c0";
+export const paletteStrongSeparator = "#ff7dab";
+export const paletteStrongDivider = "#ffffff";
+export const paletteStrongFence = "#ff0084";
+export const paletteStrongLine = "#ffa0c0";
+export const paletteStrongMuted = "#5d0061";
+export const paletteStrongSubtle = "#2a2b2f";
+export const paletteStrongAccentDefault = "#ff0084";
+export const paletteStrongAccentOnAccent = "#ffc85e";
+export const paletteStrongTypographySiteTitleDefault = "#ffffff";
+export const paletteStrongTypographySiteTitleVariant = "#fafafa";
+export const paletteStrongTypographyHeadingDefault = "#ffffff";
+export const paletteStrongTypographyHeadingVariant = "#fafafa";
+export const paletteStrongTypographyBodyDefault = "#ffffff";
+export const paletteStrongTypographyBodyVariant = "#ba89ba";
+export const paletteStrongActionNavMainDefaultBackground = "#5d0061";
+export const paletteStrongActionNavMainDefaultText = "#ffffff";
+export const paletteStrongActionNavMainDefaultTextDecoration = "none";
+export const paletteStrongActionNavMainDefaultAccent = "#ff0084";
+export const paletteStrongActionNavMainHoverBackground = "#2a2b2f";
+export const paletteStrongActionNavMainHoverText = "#ffffff";
+export const paletteStrongActionNavMainHoverTextDecoration = "underline";
+export const paletteStrongActionNavMainHoverAccent = "#ffc85e";
+export const paletteStrongActionButtonPrimaryDefaultBackground = "#ffffff";
+export const paletteStrongActionButtonPrimaryDefaultText = "#2a2b2f";
+export const paletteStrongActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteStrongActionButtonPrimaryDefaultBorder = "#ffffff";
+export const paletteStrongActionButtonPrimaryHoverBackground = "#ffc85e";
+export const paletteStrongActionButtonPrimaryHoverText = "#2a2b2f";
+export const paletteStrongActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteStrongActionButtonPrimaryHoverBorder = "#ffc85e";
+export const paletteStrongActionButtonPrimaryActiveBackground = "#ffc85e";
+export const paletteStrongActionButtonPrimaryActiveText = "#2a2b2f";
+export const paletteStrongActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteStrongActionButtonPrimaryActiveBorder = "#ffc85e";
+export const paletteStrongActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteStrongActionButtonSecondaryDefaultText = "#ffffff";
+export const paletteStrongActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteStrongActionButtonSecondaryDefaultBorder = "#ffffff";
+export const paletteStrongActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteStrongActionButtonSecondaryHoverText = "#ffffff";
+export const paletteStrongActionButtonSecondaryHoverTextDecoration =
+ "underline";
+export const paletteStrongActionButtonSecondaryHoverBorder = "#ffc85e";
+export const paletteStrongActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteStrongActionButtonSecondaryActiveText = "#ffffff";
+export const paletteStrongActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteStrongActionButtonSecondaryActiveBorder = "#ffc85e";
+export const paletteStrongActionLinkDefaultColor = "#ffffff";
+export const paletteStrongActionLinkDefaultTextDecorationColor =
+ "rgba(#ffffff, 0.8)";
+export const paletteStrongActionLinkDefaultTextDecorationLine = "underline";
+export const paletteStrongActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteStrongActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteStrongActionLinkHoverColor = "#ba89ba";
+export const paletteStrongActionLinkHoverTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteStrongActionLinkHoverTextDecorationLine = "underline";
+export const paletteStrongActionLinkHoverTextDecorationThickness = "2px";
+export const paletteStrongActionLinkHoverTextDecorationStyle = "solid";
+export const paletteStrongActionLinkActiveColor = "#ba89ba";
+export const paletteStrongActionLinkActiveTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteStrongActionLinkActiveTextDecorationLine = "underline";
+export const paletteStrongActionLinkActiveTextDecorationThickness = "2px";
+export const paletteStrongActionLinkActiveTextDecorationStyle = "solid";
+export const paletteStrongActionLinkVisitedColor = "#ffc0d4";
+export const paletteStrongActionLinkVisitedTextDecorationColor =
+ "rgba(#ffc0d4, 0.8)";
+export const paletteStrongActionLinkVisitedTextDecorationLine = "underline";
+export const paletteStrongActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteStrongActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteStrongActionPaginationDefaultBackground = "#2a2b2f";
+export const paletteStrongActionPaginationDefaultText = "#ffffff";
+export const paletteStrongActionPaginationDefaultBorder = "#ff7dab";
+export const paletteStrongActionPaginationHoverBackground = "#2a2b2f";
+export const paletteStrongActionPaginationHoverText = "#ffffff";
+export const paletteStrongActionPaginationHoverBorder = "#ffffff";
+export const paletteStrongActionPaginationActiveBackground = "#ffffff";
+export const paletteStrongActionPaginationActiveText = "#2a2b2f";
+export const paletteStrongActionPaginationActiveBorder = "#ffffff";
+export const paletteStrongActionPaginationVisitedBackground = "#2a2b2f";
+export const paletteStrongActionPaginationVisitedText = "#551a8b";
+export const paletteStrongActionPaginationVisitedBorder = "#d70065";
+export const paletteDarkBackground = "#232323";
+export const paletteDarkShade = "#141414";
+export const paletteDarkFocusOutlineColor = "#ffc0d4";
+export const paletteDarkBorderDefault = "#ff7dab";
+export const paletteDarkBorderVariant = "#ffa0c0";
+export const paletteDarkBoundary = "#ff0084";
+export const paletteDarkPartition = "#ffa0c0";
+export const paletteDarkSeparator = "#ff7dab";
+export const paletteDarkDivider = "#ffffff";
+export const paletteDarkFence = "#ff0084";
+export const paletteDarkLine = "#ffa0c0";
+export const paletteDarkMuted = "#5d5e62";
+export const paletteDarkSubtle = "#2a2b2f";
+export const paletteDarkAccentDefault = "#ff0084";
+export const paletteDarkAccentOnAccent = "#ffc85e";
+export const paletteDarkTypographySiteTitleDefault = "#ffffff";
+export const paletteDarkTypographySiteTitleVariant = "#fafafa";
+export const paletteDarkTypographyHeadingDefault = "#ffffff";
+export const paletteDarkTypographyHeadingVariant = "#fafafa";
+export const paletteDarkTypographyBodyDefault = "#ffffff";
+export const paletteDarkTypographyBodyVariant = "#ba89ba";
+export const paletteDarkActionNavMainDefaultBackground = "#5d5e62";
+export const paletteDarkActionNavMainDefaultText = "#ffffff";
+export const paletteDarkActionNavMainDefaultTextDecoration = "none";
+export const paletteDarkActionNavMainDefaultAccent = "#ff0084";
+export const paletteDarkActionNavMainHoverBackground = "#2a2b2f";
+export const paletteDarkActionNavMainHoverText = "#ffffff";
+export const paletteDarkActionNavMainHoverTextDecoration = "underline";
+export const paletteDarkActionNavMainHoverAccent = "#ffc85e";
+export const paletteDarkActionButtonPrimaryDefaultBackground = "#ffffff";
+export const paletteDarkActionButtonPrimaryDefaultText = "#2a2b2f";
+export const paletteDarkActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteDarkActionButtonPrimaryDefaultBorder = "#ffffff";
+export const paletteDarkActionButtonPrimaryHoverBackground = "#ffc85e";
+export const paletteDarkActionButtonPrimaryHoverText = "#2a2b2f";
+export const paletteDarkActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteDarkActionButtonPrimaryHoverBorder = "#ffc85e";
+export const paletteDarkActionButtonPrimaryActiveBackground = "#ffc85e";
+export const paletteDarkActionButtonPrimaryActiveText = "#2a2b2f";
+export const paletteDarkActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteDarkActionButtonPrimaryActiveBorder = "#ffc85e";
+export const paletteDarkActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteDarkActionButtonSecondaryDefaultText = "#ffffff";
+export const paletteDarkActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteDarkActionButtonSecondaryDefaultBorder = "#ffffff";
+export const paletteDarkActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteDarkActionButtonSecondaryHoverText = "#ffffff";
+export const paletteDarkActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteDarkActionButtonSecondaryHoverBorder = "#ffc85e";
+export const paletteDarkActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteDarkActionButtonSecondaryActiveText = "#ffffff";
+export const paletteDarkActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteDarkActionButtonSecondaryActiveBorder = "#ffc85e";
+export const paletteDarkActionLinkDefaultColor = "#ffffff";
+export const paletteDarkActionLinkDefaultTextDecorationColor =
+ "rgba(#ffffff, 0.8)";
+export const paletteDarkActionLinkDefaultTextDecorationLine = "underline";
+export const paletteDarkActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteDarkActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteDarkActionLinkHoverColor = "#ba89ba";
+export const paletteDarkActionLinkHoverTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteDarkActionLinkHoverTextDecorationLine = "underline";
+export const paletteDarkActionLinkHoverTextDecorationThickness = "2px";
+export const paletteDarkActionLinkHoverTextDecorationStyle = "solid";
+export const paletteDarkActionLinkActiveColor = "#ba89ba";
+export const paletteDarkActionLinkActiveTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteDarkActionLinkActiveTextDecorationLine = "underline";
+export const paletteDarkActionLinkActiveTextDecorationThickness = "2px";
+export const paletteDarkActionLinkActiveTextDecorationStyle = "solid";
+export const paletteDarkActionLinkVisitedColor = "#ffc0d4";
+export const paletteDarkActionLinkVisitedTextDecorationColor =
+ "rgba(#ffc0d4, 0.8)";
+export const paletteDarkActionLinkVisitedTextDecorationLine = "underline";
+export const paletteDarkActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteDarkActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteDarkActionPaginationDefaultBackground = "#232323";
+export const paletteDarkActionPaginationDefaultText = "#ffffff";
+export const paletteDarkActionPaginationDefaultBorder = "#ff7dab";
+export const paletteDarkActionPaginationHoverBackground = "#232323";
+export const paletteDarkActionPaginationHoverText = "#ffffff";
+export const paletteDarkActionPaginationHoverBorder = "#ffffff";
+export const paletteDarkActionPaginationActiveBackground = "#ffffff";
+export const paletteDarkActionPaginationActiveText = "#232323";
+export const paletteDarkActionPaginationActiveBorder = "#ffffff";
+export const paletteDarkActionPaginationVisitedBackground = "#232323";
+export const paletteDarkActionPaginationVisitedText = "#551a8b";
+export const paletteDarkActionPaginationVisitedBorder = "#d70065";
diff --git a/dist/scss/button/button-campaign-saferqld-palette.scss b/dist/scss/button/button-campaign-saferqld-palette.scss
new file mode 100644
index 0000000..3d481ed
--- /dev/null
+++ b/dist/scss/button/button-campaign-saferqld-palette.scss
@@ -0,0 +1,147 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$buttonPaletteBrightPrimaryDefaultBackground: #710074;
+$buttonPaletteBrightPrimaryDefaultText: #ffffff;
+$buttonPaletteBrightPrimaryDefaultTextDecoration: none;
+$buttonPaletteBrightPrimaryDefaultBorder: #710074;
+$buttonPaletteBrightPrimaryActiveBackground: #5d0061;
+$buttonPaletteBrightPrimaryActiveText: #ffffff;
+$buttonPaletteBrightPrimaryActiveTextDecoration: none;
+$buttonPaletteBrightPrimaryActiveBorder: #5d0061;
+$buttonPaletteBrightPrimaryHoverBackground: #5d0061;
+$buttonPaletteBrightPrimaryHoverText: #ffffff;
+$buttonPaletteBrightPrimaryHoverTextDecoration: underline;
+$buttonPaletteBrightPrimaryHoverBorder: #5d0061;
+$buttonPaletteBrightSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBrightSecondaryDefaultText: #ae0047;
+$buttonPaletteBrightSecondaryDefaultTextDecoration: none;
+$buttonPaletteBrightSecondaryDefaultBorder: #710074;
+$buttonPaletteBrightSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBrightSecondaryActiveText: #ae0047;
+$buttonPaletteBrightSecondaryActiveTextDecoration: none;
+$buttonPaletteBrightSecondaryActiveBorder: #5d0061;
+$buttonPaletteBrightSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBrightSecondaryHoverText: #ae0047;
+$buttonPaletteBrightSecondaryHoverTextDecoration: underline;
+$buttonPaletteBrightSecondaryHoverBorder: #5d0061;
+$buttonPaletteTintPrimaryDefaultBackground: #710074;
+$buttonPaletteTintPrimaryDefaultText: #ffffff;
+$buttonPaletteTintPrimaryDefaultTextDecoration: none;
+$buttonPaletteTintPrimaryDefaultBorder: #710074;
+$buttonPaletteTintPrimaryActiveBackground: #5d0061;
+$buttonPaletteTintPrimaryActiveText: #ffffff;
+$buttonPaletteTintPrimaryActiveTextDecoration: none;
+$buttonPaletteTintPrimaryActiveBorder: #5d0061;
+$buttonPaletteTintPrimaryHoverBackground: #5d0061;
+$buttonPaletteTintPrimaryHoverText: #ffffff;
+$buttonPaletteTintPrimaryHoverTextDecoration: underline;
+$buttonPaletteTintPrimaryHoverBorder: #5d0061;
+$buttonPaletteTintSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteTintSecondaryDefaultText: #ae0047;
+$buttonPaletteTintSecondaryDefaultTextDecoration: none;
+$buttonPaletteTintSecondaryDefaultBorder: #710074;
+$buttonPaletteTintSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteTintSecondaryActiveText: #ae0047;
+$buttonPaletteTintSecondaryActiveTextDecoration: none;
+$buttonPaletteTintSecondaryActiveBorder: #5d0061;
+$buttonPaletteTintSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteTintSecondaryHoverText: #ae0047;
+$buttonPaletteTintSecondaryHoverTextDecoration: underline;
+$buttonPaletteTintSecondaryHoverBorder: #5d0061;
+$buttonPaletteAltPrimaryDefaultBackground: #710074;
+$buttonPaletteAltPrimaryDefaultText: #ffffff;
+$buttonPaletteAltPrimaryDefaultTextDecoration: none;
+$buttonPaletteAltPrimaryDefaultBorder: #710074;
+$buttonPaletteAltPrimaryActiveBackground: #5d0061;
+$buttonPaletteAltPrimaryActiveText: #ffffff;
+$buttonPaletteAltPrimaryActiveTextDecoration: none;
+$buttonPaletteAltPrimaryActiveBorder: #5d0061;
+$buttonPaletteAltPrimaryHoverBackground: #5d0061;
+$buttonPaletteAltPrimaryHoverText: #ffffff;
+$buttonPaletteAltPrimaryHoverTextDecoration: underline;
+$buttonPaletteAltPrimaryHoverBorder: #5d0061;
+$buttonPaletteAltSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteAltSecondaryDefaultText: #ae0047;
+$buttonPaletteAltSecondaryDefaultTextDecoration: none;
+$buttonPaletteAltSecondaryDefaultBorder: #710074;
+$buttonPaletteAltSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteAltSecondaryActiveText: #ae0047;
+$buttonPaletteAltSecondaryActiveTextDecoration: none;
+$buttonPaletteAltSecondaryActiveBorder: #5d0061;
+$buttonPaletteAltSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteAltSecondaryHoverText: #ae0047;
+$buttonPaletteAltSecondaryHoverTextDecoration: underline;
+$buttonPaletteAltSecondaryHoverBorder: #5d0061;
+$buttonPaletteBoldPrimaryDefaultBackground: #ffffff;
+$buttonPaletteBoldPrimaryDefaultText: #2a2b2f;
+$buttonPaletteBoldPrimaryDefaultTextDecoration: none;
+$buttonPaletteBoldPrimaryDefaultBorder: #ffffff;
+$buttonPaletteBoldPrimaryActiveBackground: #ffc85e;
+$buttonPaletteBoldPrimaryActiveText: #2a2b2f;
+$buttonPaletteBoldPrimaryActiveTextDecoration: none;
+$buttonPaletteBoldPrimaryActiveBorder: #ffc85e;
+$buttonPaletteBoldPrimaryHoverBackground: #ffc85e;
+$buttonPaletteBoldPrimaryHoverText: #2a2b2f;
+$buttonPaletteBoldPrimaryHoverTextDecoration: underline;
+$buttonPaletteBoldPrimaryHoverBorder: #ffc85e;
+$buttonPaletteBoldSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBoldSecondaryDefaultText: #ffffff;
+$buttonPaletteBoldSecondaryDefaultTextDecoration: none;
+$buttonPaletteBoldSecondaryDefaultBorder: #ffffff;
+$buttonPaletteBoldSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBoldSecondaryActiveText: #ffffff;
+$buttonPaletteBoldSecondaryActiveTextDecoration: none;
+$buttonPaletteBoldSecondaryActiveBorder: #ffc85e;
+$buttonPaletteBoldSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBoldSecondaryHoverText: #ffffff;
+$buttonPaletteBoldSecondaryHoverTextDecoration: underline;
+$buttonPaletteBoldSecondaryHoverBorder: #ffc85e;
+$buttonPaletteStrongPrimaryDefaultBackground: #ffffff;
+$buttonPaletteStrongPrimaryDefaultText: #2a2b2f;
+$buttonPaletteStrongPrimaryDefaultTextDecoration: none;
+$buttonPaletteStrongPrimaryDefaultBorder: #ffffff;
+$buttonPaletteStrongPrimaryActiveBackground: #ffc85e;
+$buttonPaletteStrongPrimaryActiveText: #2a2b2f;
+$buttonPaletteStrongPrimaryActiveTextDecoration: none;
+$buttonPaletteStrongPrimaryActiveBorder: #ffc85e;
+$buttonPaletteStrongPrimaryHoverBackground: #ffc85e;
+$buttonPaletteStrongPrimaryHoverText: #2a2b2f;
+$buttonPaletteStrongPrimaryHoverTextDecoration: underline;
+$buttonPaletteStrongPrimaryHoverBorder: #ffc85e;
+$buttonPaletteStrongSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteStrongSecondaryDefaultText: #ffffff;
+$buttonPaletteStrongSecondaryDefaultTextDecoration: none;
+$buttonPaletteStrongSecondaryDefaultBorder: #ffffff;
+$buttonPaletteStrongSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteStrongSecondaryActiveText: #ffffff;
+$buttonPaletteStrongSecondaryActiveTextDecoration: none;
+$buttonPaletteStrongSecondaryActiveBorder: #ffc85e;
+$buttonPaletteStrongSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteStrongSecondaryHoverText: #ffffff;
+$buttonPaletteStrongSecondaryHoverTextDecoration: underline;
+$buttonPaletteStrongSecondaryHoverBorder: #ffc85e;
+$buttonPaletteDarkPrimaryDefaultBackground: #ffffff;
+$buttonPaletteDarkPrimaryDefaultText: #2a2b2f;
+$buttonPaletteDarkPrimaryDefaultTextDecoration: none;
+$buttonPaletteDarkPrimaryDefaultBorder: #ffffff;
+$buttonPaletteDarkPrimaryActiveBackground: #ffc85e;
+$buttonPaletteDarkPrimaryActiveText: #2a2b2f;
+$buttonPaletteDarkPrimaryActiveTextDecoration: none;
+$buttonPaletteDarkPrimaryActiveBorder: #ffc85e;
+$buttonPaletteDarkPrimaryHoverBackground: #ffc85e;
+$buttonPaletteDarkPrimaryHoverText: #2a2b2f;
+$buttonPaletteDarkPrimaryHoverTextDecoration: underline;
+$buttonPaletteDarkPrimaryHoverBorder: #ffc85e;
+$buttonPaletteDarkSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteDarkSecondaryDefaultText: #ffffff;
+$buttonPaletteDarkSecondaryDefaultTextDecoration: none;
+$buttonPaletteDarkSecondaryDefaultBorder: #ffffff;
+$buttonPaletteDarkSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteDarkSecondaryActiveText: #ffffff;
+$buttonPaletteDarkSecondaryActiveTextDecoration: none;
+$buttonPaletteDarkSecondaryActiveBorder: #ffc85e;
+$buttonPaletteDarkSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteDarkSecondaryHoverText: #ffffff;
+$buttonPaletteDarkSecondaryHoverTextDecoration: underline;
+$buttonPaletteDarkSecondaryHoverBorder: #ffc85e;
diff --git a/dist/scss/card/card-campaign-saferqld-palette.scss b/dist/scss/card/card-campaign-saferqld-palette.scss
new file mode 100644
index 0000000..2dad54e
--- /dev/null
+++ b/dist/scss/card/card-campaign-saferqld-palette.scss
@@ -0,0 +1,4 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$cardBackground: #ffffff;
diff --git a/dist/scss/styles/qgds-campaign-saferqld-palette.scss b/dist/scss/styles/qgds-campaign-saferqld-palette.scss
new file mode 100644
index 0000000..5c7ef39
--- /dev/null
+++ b/dist/scss/styles/qgds-campaign-saferqld-palette.scss
@@ -0,0 +1,583 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$themeColorBrandFirst: #a7e5ff;
+$themeColorBrandSecond: #ffe500;
+$themeColorBrandThird: #a7e5ff;
+$themeColorBrandFourth: #a7e5ff;
+$themeColorBackgroundBright: #ffffff;
+$themeColorBackgroundTint: #ffecf2;
+$themeColorBackgroundAlt: #f5f5f5;
+$themeColorBackgroundBold: #710074;
+$themeColorBackgroundStrong: #2a2b2f;
+$themeColorBackgroundDark: #232323;
+$themeColorActionOnLightsPrimaryDefaultColor: #710074;
+$themeColorActionOnLightsPrimaryDefaultText: #ffffff;
+$themeColorActionOnLightsPrimaryHoverColor: #5d0061;
+$themeColorActionOnLightsPrimaryHoverText: #ffffff;
+$themeColorActionOnLightsPrimaryActiveColor: #5d0061;
+$themeColorActionOnLightsPrimaryActiveText: #ffffff;
+$themeColorActionOnLightsSecondaryDefaultColor: #710074;
+$themeColorActionOnLightsSecondaryDefaultText: #ae0047;
+$themeColorActionOnLightsSecondaryHoverColor: #5d0061;
+$themeColorActionOnLightsSecondaryHoverText: #ae0047;
+$themeColorActionOnLightsSecondaryActiveColor: #5d0061;
+$themeColorActionOnLightsSecondaryActiveText: #ae0047;
+$themeColorActionOnDarksPrimaryDefaultColor: #ffffff;
+$themeColorActionOnDarksPrimaryDefaultText: #2a2b2f;
+$themeColorActionOnDarksPrimaryHoverColor: #ffd27e;
+$themeColorActionOnDarksPrimaryHoverText: #2a2b2f;
+$themeColorActionOnDarksPrimaryActiveColor: #ffd27e;
+$themeColorActionOnDarksPrimaryActiveText: #2a2b2f;
+$themeColorActionOnDarksSecondaryDefaultColor: #ffffff;
+$themeColorActionOnDarksSecondaryDefaultText: #ffffff;
+$themeColorActionOnDarksSecondaryHoverColor: #ffd27e;
+$themeColorActionOnDarksSecondaryHoverText: #ffffff;
+$themeColorActionOnDarksSecondaryActiveColor: #ffd27e;
+$themeColorActionOnDarksSecondaryActiveText: #ffffff;
+$themeColorWordingOnLightsSiteTitleDefault: #232323;
+$themeColorWordingOnLightsSiteTitleVariant: #444444;
+$themeColorWordingOnLightsHeadingDefault: #36003c;
+$themeColorWordingOnLightsHeadingVariant: #818181;
+$themeColorWordingOnLightsBodyDefault: #232323;
+$themeColorWordingOnLightsBodyVariant: #444444;
+$themeColorWordingOnDarksSiteTitleDefault: #ffffff;
+$themeColorWordingOnDarksSiteTitleVariant: #fafafa;
+$themeColorWordingOnDarksHeadingDefault: #ffffff;
+$themeColorWordingOnDarksHeadingVariant: #fafafa;
+$themeColorWordingOnDarksBodyDefault: #ffffff;
+$themeColorWordingOnDarksBodyVariant: #ba89ba;
+$themeColorReservedErrorDefault: #e22339;
+$themeColorReservedErrorLightest: #ffeceb;
+$themeColorReservedErrorLighter: #ffe0dd;
+$themeColorReservedErrorDarker: #770000;
+$themeColorReservedInformationDefault: #0085b3;
+$themeColorReservedInformationLightest: #eaf3f8;
+$themeColorReservedInformationLighter: #dcebf3;
+$themeColorReservedInformationDarker: #00315a;
+$themeColorReservedSuccessDefault: #6bbe27;
+$themeColorReservedSuccessLightest: #f0f9ec;
+$themeColorReservedSuccessLighter: #e7f5df;
+$themeColorReservedSuccessDarker: #004f00;
+$themeColorReservedAlertDefault: #ffe500;
+$themeColorReservedAlertLightest: #fffdee;
+$themeColorReservedAlertLighter: #fffce3;
+$themeColorReservedAlertDarker: #705500;
+$themeColorSyntaxBackground: #232323;
+$themeColorSyntaxValues: #6bbe27;
+$themeColorSyntaxElements: #a7e5ff;
+$themeColorSyntaxProperties: #710074;
+$themeColorSyntaxComments: #c0d7ec;
+$themeFocusOutlineWidth: 4px;
+$themeFocusOutlineStyle: solid;
+$themeShadowsDefault: #070707;
+$paletteBrightBackground: #ffffff;
+$paletteBrightShade: #f5f5f5;
+$paletteBrightFocusOutlineColor: #0085b3;
+$paletteBrightBorderDefault: #d0d0d2;
+$paletteBrightBorderVariant: #5d5e62;
+$paletteBrightBoundary: #ff0084;
+$paletteBrightPartition: #5d5e62;
+$paletteBrightSeparator: #d0d0d2;
+$paletteBrightDivider: #ae0047;
+$paletteBrightFence: #ff0084;
+$paletteBrightLine: #d0d0d2;
+$paletteBrightMuted: #f5f5f5;
+$paletteBrightSubtle: #e7e8e8;
+$paletteBrightAccentDefault: #ff0084;
+$paletteBrightAccentOnAccent: #5d0061;
+$paletteBrightTypographySiteTitleDefault: #232323;
+$paletteBrightTypographySiteTitleVariant: #444444;
+$paletteBrightTypographyHeadingDefault: #36003c;
+$paletteBrightTypographyHeadingVariant: #818181;
+$paletteBrightTypographyBodyDefault: #232323;
+$paletteBrightTypographyBodyVariant: #444444;
+$paletteBrightActionNavMainDefaultBackground: #f5f5f5;
+$paletteBrightActionNavMainDefaultText: #444444;
+$paletteBrightActionNavMainDefaultTextDecoration: none;
+$paletteBrightActionNavMainDefaultAccent: #ff0084;
+$paletteBrightActionNavMainHoverBackground: #e7e8e8;
+$paletteBrightActionNavMainHoverText: #ae0047;
+$paletteBrightActionNavMainHoverTextDecoration: underline;
+$paletteBrightActionNavMainHoverAccent: #5d0061;
+$paletteBrightActionButtonPrimaryDefaultBackground: #710074;
+$paletteBrightActionButtonPrimaryDefaultText: #ffffff;
+$paletteBrightActionButtonPrimaryDefaultTextDecoration: none;
+$paletteBrightActionButtonPrimaryDefaultBorder: #710074;
+$paletteBrightActionButtonPrimaryHoverBackground: #5d0061;
+$paletteBrightActionButtonPrimaryHoverText: #ffffff;
+$paletteBrightActionButtonPrimaryHoverTextDecoration: underline;
+$paletteBrightActionButtonPrimaryHoverBorder: #5d0061;
+$paletteBrightActionButtonPrimaryActiveBackground: #5d0061;
+$paletteBrightActionButtonPrimaryActiveText: #ffffff;
+$paletteBrightActionButtonPrimaryActiveTextDecoration: none;
+$paletteBrightActionButtonPrimaryActiveBorder: #5d0061;
+$paletteBrightActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteBrightActionButtonSecondaryDefaultText: #ae0047;
+$paletteBrightActionButtonSecondaryDefaultTextDecoration: none;
+$paletteBrightActionButtonSecondaryDefaultBorder: #710074;
+$paletteBrightActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteBrightActionButtonSecondaryHoverText: #ae0047;
+$paletteBrightActionButtonSecondaryHoverTextDecoration: underline;
+$paletteBrightActionButtonSecondaryHoverBorder: #5d0061;
+$paletteBrightActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteBrightActionButtonSecondaryActiveText: #ae0047;
+$paletteBrightActionButtonSecondaryActiveTextDecoration: none;
+$paletteBrightActionButtonSecondaryActiveBorder: #5d0061;
+$paletteBrightActionLinkDefaultColor: #ae0047;
+$paletteBrightActionLinkDefaultTextDecorationColor: rgba(#ae0047, 0.8);
+$paletteBrightActionLinkDefaultTextDecorationLine: underline;
+$paletteBrightActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteBrightActionLinkDefaultTextDecorationStyle: solid;
+$paletteBrightActionLinkHoverColor: #87002b;
+$paletteBrightActionLinkHoverTextDecorationColor: rgba(#87002b, 0.8);
+$paletteBrightActionLinkHoverTextDecorationLine: underline;
+$paletteBrightActionLinkHoverTextDecorationThickness: 2px;
+$paletteBrightActionLinkHoverTextDecorationStyle: solid;
+$paletteBrightActionLinkActiveColor: #87002b;
+$paletteBrightActionLinkActiveTextDecorationColor: rgba(#87002b, 0.8);
+$paletteBrightActionLinkActiveTextDecorationLine: underline;
+$paletteBrightActionLinkActiveTextDecorationThickness: 2px;
+$paletteBrightActionLinkActiveTextDecorationStyle: solid;
+$paletteBrightActionLinkVisitedColor: #551a8b;
+$paletteBrightActionLinkVisitedTextDecorationColor: rgba(#551a8b, 0.8);
+$paletteBrightActionLinkVisitedTextDecorationLine: underline;
+$paletteBrightActionLinkVisitedTextDecorationThickness: 2px;
+$paletteBrightActionLinkVisitedTextDecorationStyle: solid;
+$paletteBrightActionPaginationDefaultBackground: #ffffff;
+$paletteBrightActionPaginationDefaultText: #ae0047;
+$paletteBrightActionPaginationDefaultBorder: #a3a4a7;
+$paletteBrightActionPaginationHoverBackground: #ffffff;
+$paletteBrightActionPaginationHoverText: #ae0047;
+$paletteBrightActionPaginationHoverBorder: #710074;
+$paletteBrightActionPaginationActiveBackground: #710074;
+$paletteBrightActionPaginationActiveText: #ffffff;
+$paletteBrightActionPaginationActiveBorder: #710074;
+$paletteBrightActionPaginationVisitedBackground: #ffffff;
+$paletteBrightActionPaginationVisitedText: #551a8b;
+$paletteBrightActionPaginationVisitedBorder: #a3a4a7;
+$paletteTintBackground: #ffecf2;
+$paletteTintShade: #ffe0ea;
+$paletteTintFocusOutlineColor: #0085b3;
+$paletteTintBorderDefault: #f0b8c0;
+$paletteTintBorderVariant: #5d5e62;
+$paletteTintBoundary: #ff0084;
+$paletteTintPartition: #5d5e62;
+$paletteTintSeparator: #f0b8c0;
+$paletteTintDivider: #ae0047;
+$paletteTintFence: #ff0084;
+$paletteTintLine: #f0b8c0;
+$paletteTintMuted: #f5f5f5;
+$paletteTintSubtle: #e7e8e8;
+$paletteTintAccentDefault: #ff0084;
+$paletteTintAccentOnAccent: #5d0061;
+$paletteTintTypographySiteTitleDefault: #232323;
+$paletteTintTypographySiteTitleVariant: #444444;
+$paletteTintTypographyHeadingDefault: #36003c;
+$paletteTintTypographyHeadingVariant: #818181;
+$paletteTintTypographyBodyDefault: #232323;
+$paletteTintTypographyBodyVariant: #444444;
+$paletteTintActionNavMainDefaultBackground: #f5f5f5;
+$paletteTintActionNavMainDefaultText: #444444;
+$paletteTintActionNavMainDefaultTextDecoration: none;
+$paletteTintActionNavMainDefaultAccent: #ff0084;
+$paletteTintActionNavMainHoverBackground: #e7e8e8;
+$paletteTintActionNavMainHoverText: #ae0047;
+$paletteTintActionNavMainHoverTextDecoration: underline;
+$paletteTintActionNavMainHoverAccent: #5d0061;
+$paletteTintActionButtonPrimaryDefaultBackground: #710074;
+$paletteTintActionButtonPrimaryDefaultText: #ffffff;
+$paletteTintActionButtonPrimaryDefaultTextDecoration: none;
+$paletteTintActionButtonPrimaryDefaultBorder: #710074;
+$paletteTintActionButtonPrimaryHoverBackground: #5d0061;
+$paletteTintActionButtonPrimaryHoverText: #ffffff;
+$paletteTintActionButtonPrimaryHoverTextDecoration: underline;
+$paletteTintActionButtonPrimaryHoverBorder: #5d0061;
+$paletteTintActionButtonPrimaryActiveBackground: #5d0061;
+$paletteTintActionButtonPrimaryActiveText: #ffffff;
+$paletteTintActionButtonPrimaryActiveTextDecoration: none;
+$paletteTintActionButtonPrimaryActiveBorder: #5d0061;
+$paletteTintActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteTintActionButtonSecondaryDefaultText: #ae0047;
+$paletteTintActionButtonSecondaryDefaultTextDecoration: none;
+$paletteTintActionButtonSecondaryDefaultBorder: #710074;
+$paletteTintActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteTintActionButtonSecondaryHoverText: #ae0047;
+$paletteTintActionButtonSecondaryHoverTextDecoration: underline;
+$paletteTintActionButtonSecondaryHoverBorder: #5d0061;
+$paletteTintActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteTintActionButtonSecondaryActiveText: #ae0047;
+$paletteTintActionButtonSecondaryActiveTextDecoration: none;
+$paletteTintActionButtonSecondaryActiveBorder: #5d0061;
+$paletteTintActionLinkDefaultColor: #ae0047;
+$paletteTintActionLinkDefaultTextDecorationColor: rgba(#ae0047, 0.8);
+$paletteTintActionLinkDefaultTextDecorationLine: underline;
+$paletteTintActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteTintActionLinkDefaultTextDecorationStyle: solid;
+$paletteTintActionLinkHoverColor: #87002b;
+$paletteTintActionLinkHoverTextDecorationColor: rgba(#87002b, 0.8);
+$paletteTintActionLinkHoverTextDecorationLine: underline;
+$paletteTintActionLinkHoverTextDecorationThickness: 2px;
+$paletteTintActionLinkHoverTextDecorationStyle: solid;
+$paletteTintActionLinkActiveColor: #87002b;
+$paletteTintActionLinkActiveTextDecorationColor: rgba(#87002b, 0.8);
+$paletteTintActionLinkActiveTextDecorationLine: underline;
+$paletteTintActionLinkActiveTextDecorationThickness: 2px;
+$paletteTintActionLinkActiveTextDecorationStyle: solid;
+$paletteTintActionLinkVisitedColor: #551a8b;
+$paletteTintActionLinkVisitedTextDecorationColor: rgba(#551a8b, 0.8);
+$paletteTintActionLinkVisitedTextDecorationLine: underline;
+$paletteTintActionLinkVisitedTextDecorationThickness: 2px;
+$paletteTintActionLinkVisitedTextDecorationStyle: solid;
+$paletteTintActionPaginationDefaultBackground: #ffecf2;
+$paletteTintActionPaginationDefaultText: #ae0047;
+$paletteTintActionPaginationDefaultBorder: #a3a4a7;
+$paletteTintActionPaginationHoverBackground: #ffecf2;
+$paletteTintActionPaginationHoverText: #ae0047;
+$paletteTintActionPaginationHoverBorder: #710074;
+$paletteTintActionPaginationActiveBackground: #710074;
+$paletteTintActionPaginationActiveText: #ffffff;
+$paletteTintActionPaginationActiveBorder: #710074;
+$paletteTintActionPaginationVisitedBackground: #ffecf2;
+$paletteTintActionPaginationVisitedText: #551a8b;
+$paletteTintActionPaginationVisitedBorder: #a3a4a7;
+$paletteAltBackground: #e7e8e8;
+$paletteAltShade: #d0d0d2;
+$paletteAltFocusOutlineColor: #0085b3;
+$paletteAltBorderDefault: #a3a4a7;
+$paletteAltBorderVariant: #5d5e62;
+$paletteAltBoundary: #ff0084;
+$paletteAltPartition: #5d5e62;
+$paletteAltSeparator: #a3a4a7;
+$paletteAltDivider: #ae0047;
+$paletteAltFence: #ff0084;
+$paletteAltLine: #a3a4a7;
+$paletteAltMuted: #f5f5f5;
+$paletteAltSubtle: #e7e8e8;
+$paletteAltAccentDefault: #ff0084;
+$paletteAltAccentOnAccent: #5d0061;
+$paletteAltTypographySiteTitleDefault: #232323;
+$paletteAltTypographySiteTitleVariant: #444444;
+$paletteAltTypographyHeadingDefault: #36003c;
+$paletteAltTypographyHeadingVariant: #818181;
+$paletteAltTypographyBodyDefault: #232323;
+$paletteAltTypographyBodyVariant: #444444;
+$paletteAltActionNavMainDefaultBackground: #f5f5f5;
+$paletteAltActionNavMainDefaultText: #444444;
+$paletteAltActionNavMainDefaultTextDecoration: none;
+$paletteAltActionNavMainDefaultAccent: #ff0084;
+$paletteAltActionNavMainHoverBackground: #e7e8e8;
+$paletteAltActionNavMainHoverText: #ae0047;
+$paletteAltActionNavMainHoverTextDecoration: underline;
+$paletteAltActionNavMainHoverAccent: #5d0061;
+$paletteAltActionButtonPrimaryDefaultBackground: #710074;
+$paletteAltActionButtonPrimaryDefaultText: #ffffff;
+$paletteAltActionButtonPrimaryDefaultTextDecoration: none;
+$paletteAltActionButtonPrimaryDefaultBorder: #710074;
+$paletteAltActionButtonPrimaryHoverBackground: #5d0061;
+$paletteAltActionButtonPrimaryHoverText: #ffffff;
+$paletteAltActionButtonPrimaryHoverTextDecoration: underline;
+$paletteAltActionButtonPrimaryHoverBorder: #5d0061;
+$paletteAltActionButtonPrimaryActiveBackground: #5d0061;
+$paletteAltActionButtonPrimaryActiveText: #ffffff;
+$paletteAltActionButtonPrimaryActiveTextDecoration: none;
+$paletteAltActionButtonPrimaryActiveBorder: #5d0061;
+$paletteAltActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteAltActionButtonSecondaryDefaultText: #ae0047;
+$paletteAltActionButtonSecondaryDefaultTextDecoration: none;
+$paletteAltActionButtonSecondaryDefaultBorder: #710074;
+$paletteAltActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteAltActionButtonSecondaryHoverText: #ae0047;
+$paletteAltActionButtonSecondaryHoverTextDecoration: underline;
+$paletteAltActionButtonSecondaryHoverBorder: #5d0061;
+$paletteAltActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteAltActionButtonSecondaryActiveText: #ae0047;
+$paletteAltActionButtonSecondaryActiveTextDecoration: none;
+$paletteAltActionButtonSecondaryActiveBorder: #5d0061;
+$paletteAltActionLinkDefaultColor: #ae0047;
+$paletteAltActionLinkDefaultTextDecorationColor: rgba(#ae0047, 0.8);
+$paletteAltActionLinkDefaultTextDecorationLine: underline;
+$paletteAltActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteAltActionLinkDefaultTextDecorationStyle: solid;
+$paletteAltActionLinkHoverColor: #87002b;
+$paletteAltActionLinkHoverTextDecorationColor: rgba(#87002b, 0.8);
+$paletteAltActionLinkHoverTextDecorationLine: underline;
+$paletteAltActionLinkHoverTextDecorationThickness: 2px;
+$paletteAltActionLinkHoverTextDecorationStyle: solid;
+$paletteAltActionLinkActiveColor: #87002b;
+$paletteAltActionLinkActiveTextDecorationColor: rgba(#87002b, 0.8);
+$paletteAltActionLinkActiveTextDecorationLine: underline;
+$paletteAltActionLinkActiveTextDecorationThickness: 2px;
+$paletteAltActionLinkActiveTextDecorationStyle: solid;
+$paletteAltActionLinkVisitedColor: #551a8b;
+$paletteAltActionLinkVisitedTextDecorationColor: rgba(#551a8b, 0.8);
+$paletteAltActionLinkVisitedTextDecorationLine: underline;
+$paletteAltActionLinkVisitedTextDecorationThickness: 2px;
+$paletteAltActionLinkVisitedTextDecorationStyle: solid;
+$paletteAltActionPaginationDefaultBackground: #e7e8e8;
+$paletteAltActionPaginationDefaultText: #ae0047;
+$paletteAltActionPaginationDefaultBorder: #a3a4a7;
+$paletteAltActionPaginationHoverBackground: #e7e8e8;
+$paletteAltActionPaginationHoverText: #ae0047;
+$paletteAltActionPaginationHoverBorder: #710074;
+$paletteAltActionPaginationActiveBackground: #710074;
+$paletteAltActionPaginationActiveText: #ffffff;
+$paletteAltActionPaginationActiveBorder: #710074;
+$paletteAltActionPaginationVisitedBackground: #e7e8e8;
+$paletteAltActionPaginationVisitedText: #551a8b;
+$paletteAltActionPaginationVisitedBorder: #a3a4a7;
+$paletteBoldBackground: #710074;
+$paletteBoldShade: #5d0061;
+$paletteBoldFocusOutlineColor: #ffc0d4;
+$paletteBoldBorderDefault: #ff7dab;
+$paletteBoldBorderVariant: #ffa0c0;
+$paletteBoldBoundary: #ff0084;
+$paletteBoldPartition: #ffa0c0;
+$paletteBoldSeparator: #ff7dab;
+$paletteBoldDivider: #ffffff;
+$paletteBoldFence: #ff0084;
+$paletteBoldLine: #ffa0c0;
+$paletteBoldMuted: #5d0061;
+$paletteBoldSubtle: #2a2b2f;
+$paletteBoldAccentDefault: #ff0084;
+$paletteBoldAccentOnAccent: #ffc85e;
+$paletteBoldTypographySiteTitleDefault: #ffffff;
+$paletteBoldTypographySiteTitleVariant: #fafafa;
+$paletteBoldTypographyHeadingDefault: #ffffff;
+$paletteBoldTypographyHeadingVariant: #fafafa;
+$paletteBoldTypographyBodyDefault: #ffffff;
+$paletteBoldTypographyBodyVariant: #ba89ba;
+$paletteBoldActionNavMainDefaultBackground: #5d0061;
+$paletteBoldActionNavMainDefaultText: #ffffff;
+$paletteBoldActionNavMainDefaultTextDecoration: none;
+$paletteBoldActionNavMainDefaultAccent: #ff0084;
+$paletteBoldActionNavMainHoverBackground: #2a2b2f;
+$paletteBoldActionNavMainHoverText: #ffffff;
+$paletteBoldActionNavMainHoverTextDecoration: underline;
+$paletteBoldActionNavMainHoverAccent: #ffc85e;
+$paletteBoldActionButtonPrimaryDefaultBackground: #ffffff;
+$paletteBoldActionButtonPrimaryDefaultText: #2a2b2f;
+$paletteBoldActionButtonPrimaryDefaultTextDecoration: none;
+$paletteBoldActionButtonPrimaryDefaultBorder: #ffffff;
+$paletteBoldActionButtonPrimaryHoverBackground: #ffc85e;
+$paletteBoldActionButtonPrimaryHoverText: #2a2b2f;
+$paletteBoldActionButtonPrimaryHoverTextDecoration: underline;
+$paletteBoldActionButtonPrimaryHoverBorder: #ffc85e;
+$paletteBoldActionButtonPrimaryActiveBackground: #ffc85e;
+$paletteBoldActionButtonPrimaryActiveText: #2a2b2f;
+$paletteBoldActionButtonPrimaryActiveTextDecoration: none;
+$paletteBoldActionButtonPrimaryActiveBorder: #ffc85e;
+$paletteBoldActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteBoldActionButtonSecondaryDefaultText: #ffffff;
+$paletteBoldActionButtonSecondaryDefaultTextDecoration: none;
+$paletteBoldActionButtonSecondaryDefaultBorder: #ffffff;
+$paletteBoldActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteBoldActionButtonSecondaryHoverText: #ffffff;
+$paletteBoldActionButtonSecondaryHoverTextDecoration: underline;
+$paletteBoldActionButtonSecondaryHoverBorder: #ffc85e;
+$paletteBoldActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteBoldActionButtonSecondaryActiveText: #ffffff;
+$paletteBoldActionButtonSecondaryActiveTextDecoration: none;
+$paletteBoldActionButtonSecondaryActiveBorder: #ffc85e;
+$paletteBoldActionLinkDefaultColor: #ffffff;
+$paletteBoldActionLinkDefaultTextDecorationColor: rgba(#ffffff, 0.8);
+$paletteBoldActionLinkDefaultTextDecorationLine: underline;
+$paletteBoldActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteBoldActionLinkDefaultTextDecorationStyle: solid;
+$paletteBoldActionLinkHoverColor: #ba89ba;
+$paletteBoldActionLinkHoverTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteBoldActionLinkHoverTextDecorationLine: underline;
+$paletteBoldActionLinkHoverTextDecorationThickness: 2px;
+$paletteBoldActionLinkHoverTextDecorationStyle: solid;
+$paletteBoldActionLinkActiveColor: #ba89ba;
+$paletteBoldActionLinkActiveTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteBoldActionLinkActiveTextDecorationLine: underline;
+$paletteBoldActionLinkActiveTextDecorationThickness: 2px;
+$paletteBoldActionLinkActiveTextDecorationStyle: solid;
+$paletteBoldActionLinkVisitedColor: #ffc0d4;
+$paletteBoldActionLinkVisitedTextDecorationColor: rgba(#ffc0d4, 0.8);
+$paletteBoldActionLinkVisitedTextDecorationLine: underline;
+$paletteBoldActionLinkVisitedTextDecorationThickness: 2px;
+$paletteBoldActionLinkVisitedTextDecorationStyle: solid;
+$paletteBoldActionPaginationDefaultBackground: #710074;
+$paletteBoldActionPaginationDefaultText: #ffffff;
+$paletteBoldActionPaginationDefaultBorder: #ff7dab;
+$paletteBoldActionPaginationHoverBackground: #710074;
+$paletteBoldActionPaginationHoverText: #ffffff;
+$paletteBoldActionPaginationHoverBorder: #ffffff;
+$paletteBoldActionPaginationActiveBackground: #ffffff;
+$paletteBoldActionPaginationActiveText: #710074;
+$paletteBoldActionPaginationActiveBorder: #ffffff;
+$paletteBoldActionPaginationVisitedBackground: #710074;
+$paletteBoldActionPaginationVisitedText: #551a8b;
+$paletteBoldActionPaginationVisitedBorder: #d70065;
+$paletteStrongBackground: #2a2b2f;
+$paletteStrongShade: #131418;
+$paletteStrongFocusOutlineColor: #ffc0d4;
+$paletteStrongBorderDefault: #ff7dab;
+$paletteStrongBorderVariant: #ffa0c0;
+$paletteStrongBoundary: #ff0084;
+$paletteStrongPartition: #ffa0c0;
+$paletteStrongSeparator: #ff7dab;
+$paletteStrongDivider: #ffffff;
+$paletteStrongFence: #ff0084;
+$paletteStrongLine: #ffa0c0;
+$paletteStrongMuted: #5d0061;
+$paletteStrongSubtle: #2a2b2f;
+$paletteStrongAccentDefault: #ff0084;
+$paletteStrongAccentOnAccent: #ffc85e;
+$paletteStrongTypographySiteTitleDefault: #ffffff;
+$paletteStrongTypographySiteTitleVariant: #fafafa;
+$paletteStrongTypographyHeadingDefault: #ffffff;
+$paletteStrongTypographyHeadingVariant: #fafafa;
+$paletteStrongTypographyBodyDefault: #ffffff;
+$paletteStrongTypographyBodyVariant: #ba89ba;
+$paletteStrongActionNavMainDefaultBackground: #5d0061;
+$paletteStrongActionNavMainDefaultText: #ffffff;
+$paletteStrongActionNavMainDefaultTextDecoration: none;
+$paletteStrongActionNavMainDefaultAccent: #ff0084;
+$paletteStrongActionNavMainHoverBackground: #2a2b2f;
+$paletteStrongActionNavMainHoverText: #ffffff;
+$paletteStrongActionNavMainHoverTextDecoration: underline;
+$paletteStrongActionNavMainHoverAccent: #ffc85e;
+$paletteStrongActionButtonPrimaryDefaultBackground: #ffffff;
+$paletteStrongActionButtonPrimaryDefaultText: #2a2b2f;
+$paletteStrongActionButtonPrimaryDefaultTextDecoration: none;
+$paletteStrongActionButtonPrimaryDefaultBorder: #ffffff;
+$paletteStrongActionButtonPrimaryHoverBackground: #ffc85e;
+$paletteStrongActionButtonPrimaryHoverText: #2a2b2f;
+$paletteStrongActionButtonPrimaryHoverTextDecoration: underline;
+$paletteStrongActionButtonPrimaryHoverBorder: #ffc85e;
+$paletteStrongActionButtonPrimaryActiveBackground: #ffc85e;
+$paletteStrongActionButtonPrimaryActiveText: #2a2b2f;
+$paletteStrongActionButtonPrimaryActiveTextDecoration: none;
+$paletteStrongActionButtonPrimaryActiveBorder: #ffc85e;
+$paletteStrongActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteStrongActionButtonSecondaryDefaultText: #ffffff;
+$paletteStrongActionButtonSecondaryDefaultTextDecoration: none;
+$paletteStrongActionButtonSecondaryDefaultBorder: #ffffff;
+$paletteStrongActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteStrongActionButtonSecondaryHoverText: #ffffff;
+$paletteStrongActionButtonSecondaryHoverTextDecoration: underline;
+$paletteStrongActionButtonSecondaryHoverBorder: #ffc85e;
+$paletteStrongActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteStrongActionButtonSecondaryActiveText: #ffffff;
+$paletteStrongActionButtonSecondaryActiveTextDecoration: none;
+$paletteStrongActionButtonSecondaryActiveBorder: #ffc85e;
+$paletteStrongActionLinkDefaultColor: #ffffff;
+$paletteStrongActionLinkDefaultTextDecorationColor: rgba(#ffffff, 0.8);
+$paletteStrongActionLinkDefaultTextDecorationLine: underline;
+$paletteStrongActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteStrongActionLinkDefaultTextDecorationStyle: solid;
+$paletteStrongActionLinkHoverColor: #ba89ba;
+$paletteStrongActionLinkHoverTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteStrongActionLinkHoverTextDecorationLine: underline;
+$paletteStrongActionLinkHoverTextDecorationThickness: 2px;
+$paletteStrongActionLinkHoverTextDecorationStyle: solid;
+$paletteStrongActionLinkActiveColor: #ba89ba;
+$paletteStrongActionLinkActiveTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteStrongActionLinkActiveTextDecorationLine: underline;
+$paletteStrongActionLinkActiveTextDecorationThickness: 2px;
+$paletteStrongActionLinkActiveTextDecorationStyle: solid;
+$paletteStrongActionLinkVisitedColor: #ffc0d4;
+$paletteStrongActionLinkVisitedTextDecorationColor: rgba(#ffc0d4, 0.8);
+$paletteStrongActionLinkVisitedTextDecorationLine: underline;
+$paletteStrongActionLinkVisitedTextDecorationThickness: 2px;
+$paletteStrongActionLinkVisitedTextDecorationStyle: solid;
+$paletteStrongActionPaginationDefaultBackground: #2a2b2f;
+$paletteStrongActionPaginationDefaultText: #ffffff;
+$paletteStrongActionPaginationDefaultBorder: #ff7dab;
+$paletteStrongActionPaginationHoverBackground: #2a2b2f;
+$paletteStrongActionPaginationHoverText: #ffffff;
+$paletteStrongActionPaginationHoverBorder: #ffffff;
+$paletteStrongActionPaginationActiveBackground: #ffffff;
+$paletteStrongActionPaginationActiveText: #2a2b2f;
+$paletteStrongActionPaginationActiveBorder: #ffffff;
+$paletteStrongActionPaginationVisitedBackground: #2a2b2f;
+$paletteStrongActionPaginationVisitedText: #551a8b;
+$paletteStrongActionPaginationVisitedBorder: #d70065;
+$paletteDarkBackground: #232323;
+$paletteDarkShade: #141414;
+$paletteDarkFocusOutlineColor: #ffc0d4;
+$paletteDarkBorderDefault: #ff7dab;
+$paletteDarkBorderVariant: #ffa0c0;
+$paletteDarkBoundary: #ff0084;
+$paletteDarkPartition: #ffa0c0;
+$paletteDarkSeparator: #ff7dab;
+$paletteDarkDivider: #ffffff;
+$paletteDarkFence: #ff0084;
+$paletteDarkLine: #ffa0c0;
+$paletteDarkMuted: #5d5e62;
+$paletteDarkSubtle: #2a2b2f;
+$paletteDarkAccentDefault: #ff0084;
+$paletteDarkAccentOnAccent: #ffc85e;
+$paletteDarkTypographySiteTitleDefault: #ffffff;
+$paletteDarkTypographySiteTitleVariant: #fafafa;
+$paletteDarkTypographyHeadingDefault: #ffffff;
+$paletteDarkTypographyHeadingVariant: #fafafa;
+$paletteDarkTypographyBodyDefault: #ffffff;
+$paletteDarkTypographyBodyVariant: #ba89ba;
+$paletteDarkActionNavMainDefaultBackground: #5d5e62;
+$paletteDarkActionNavMainDefaultText: #ffffff;
+$paletteDarkActionNavMainDefaultTextDecoration: none;
+$paletteDarkActionNavMainDefaultAccent: #ff0084;
+$paletteDarkActionNavMainHoverBackground: #2a2b2f;
+$paletteDarkActionNavMainHoverText: #ffffff;
+$paletteDarkActionNavMainHoverTextDecoration: underline;
+$paletteDarkActionNavMainHoverAccent: #ffc85e;
+$paletteDarkActionButtonPrimaryDefaultBackground: #ffffff;
+$paletteDarkActionButtonPrimaryDefaultText: #2a2b2f;
+$paletteDarkActionButtonPrimaryDefaultTextDecoration: none;
+$paletteDarkActionButtonPrimaryDefaultBorder: #ffffff;
+$paletteDarkActionButtonPrimaryHoverBackground: #ffc85e;
+$paletteDarkActionButtonPrimaryHoverText: #2a2b2f;
+$paletteDarkActionButtonPrimaryHoverTextDecoration: underline;
+$paletteDarkActionButtonPrimaryHoverBorder: #ffc85e;
+$paletteDarkActionButtonPrimaryActiveBackground: #ffc85e;
+$paletteDarkActionButtonPrimaryActiveText: #2a2b2f;
+$paletteDarkActionButtonPrimaryActiveTextDecoration: none;
+$paletteDarkActionButtonPrimaryActiveBorder: #ffc85e;
+$paletteDarkActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteDarkActionButtonSecondaryDefaultText: #ffffff;
+$paletteDarkActionButtonSecondaryDefaultTextDecoration: none;
+$paletteDarkActionButtonSecondaryDefaultBorder: #ffffff;
+$paletteDarkActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteDarkActionButtonSecondaryHoverText: #ffffff;
+$paletteDarkActionButtonSecondaryHoverTextDecoration: underline;
+$paletteDarkActionButtonSecondaryHoverBorder: #ffc85e;
+$paletteDarkActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteDarkActionButtonSecondaryActiveText: #ffffff;
+$paletteDarkActionButtonSecondaryActiveTextDecoration: none;
+$paletteDarkActionButtonSecondaryActiveBorder: #ffc85e;
+$paletteDarkActionLinkDefaultColor: #ffffff;
+$paletteDarkActionLinkDefaultTextDecorationColor: rgba(#ffffff, 0.8);
+$paletteDarkActionLinkDefaultTextDecorationLine: underline;
+$paletteDarkActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteDarkActionLinkDefaultTextDecorationStyle: solid;
+$paletteDarkActionLinkHoverColor: #ba89ba;
+$paletteDarkActionLinkHoverTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteDarkActionLinkHoverTextDecorationLine: underline;
+$paletteDarkActionLinkHoverTextDecorationThickness: 2px;
+$paletteDarkActionLinkHoverTextDecorationStyle: solid;
+$paletteDarkActionLinkActiveColor: #ba89ba;
+$paletteDarkActionLinkActiveTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteDarkActionLinkActiveTextDecorationLine: underline;
+$paletteDarkActionLinkActiveTextDecorationThickness: 2px;
+$paletteDarkActionLinkActiveTextDecorationStyle: solid;
+$paletteDarkActionLinkVisitedColor: #ffc0d4;
+$paletteDarkActionLinkVisitedTextDecorationColor: rgba(#ffc0d4, 0.8);
+$paletteDarkActionLinkVisitedTextDecorationLine: underline;
+$paletteDarkActionLinkVisitedTextDecorationThickness: 2px;
+$paletteDarkActionLinkVisitedTextDecorationStyle: solid;
+$paletteDarkActionPaginationDefaultBackground: #232323;
+$paletteDarkActionPaginationDefaultText: #ffffff;
+$paletteDarkActionPaginationDefaultBorder: #ff7dab;
+$paletteDarkActionPaginationHoverBackground: #232323;
+$paletteDarkActionPaginationHoverText: #ffffff;
+$paletteDarkActionPaginationHoverBorder: #ffffff;
+$paletteDarkActionPaginationActiveBackground: #ffffff;
+$paletteDarkActionPaginationActiveText: #232323;
+$paletteDarkActionPaginationActiveBorder: #ffffff;
+$paletteDarkActionPaginationVisitedBackground: #232323;
+$paletteDarkActionPaginationVisitedText: #551a8b;
+$paletteDarkActionPaginationVisitedBorder: #d70065;
diff --git a/src/android/button/button-campaign-saferqld-palette.xml b/src/android/button/button-campaign-saferqld-palette.xml
new file mode 100644
index 0000000..9974b7c
--- /dev/null
+++ b/src/android/button/button-campaign-saferqld-palette.xml
@@ -0,0 +1,151 @@
+
+
+
+
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+
\ No newline at end of file
diff --git a/src/android/card/card-campaign-saferqld-palette.xml b/src/android/card/card-campaign-saferqld-palette.xml
new file mode 100644
index 0000000..a06608f
--- /dev/null
+++ b/src/android/card/card-campaign-saferqld-palette.xml
@@ -0,0 +1,8 @@
+
+
+
+
+ #ffffff
+
\ No newline at end of file
diff --git a/src/android/styles/qgds-campaign-saferqld-palette.xml b/src/android/styles/qgds-campaign-saferqld-palette.xml
new file mode 100644
index 0000000..67d10ed
--- /dev/null
+++ b/src/android/styles/qgds-campaign-saferqld-palette.xml
@@ -0,0 +1,587 @@
+
+
+
+
+ #a7e5ff
+ #ffe500
+ #a7e5ff
+ #a7e5ff
+ #ffffff
+ #ffecf2
+ #f5f5f5
+ #710074
+ #2a2b2f
+ #232323
+ #710074
+ #ffffff
+ #5d0061
+ #ffffff
+ #5d0061
+ #ffffff
+ #710074
+ #ae0047
+ #5d0061
+ #ae0047
+ #5d0061
+ #ae0047
+ #ffffff
+ #2a2b2f
+ #ffd27e
+ #2a2b2f
+ #ffd27e
+ #2a2b2f
+ #ffffff
+ #ffffff
+ #ffd27e
+ #ffffff
+ #ffd27e
+ #ffffff
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #e22339
+ #ffeceb
+ #ffe0dd
+ #770000
+ #0085b3
+ #eaf3f8
+ #dcebf3
+ #00315a
+ #6bbe27
+ #f0f9ec
+ #e7f5df
+ #004f00
+ #ffe500
+ #fffdee
+ #fffce3
+ #705500
+ #232323
+ #6bbe27
+ #a7e5ff
+ #710074
+ #c0d7ec
+ 4px
+ solid
+ #070707
+ #ffffff
+ #f5f5f5
+ #0085b3
+ #d0d0d2
+ #5d5e62
+ #ff0084
+ #5d5e62
+ #d0d0d2
+ #ae0047
+ #ff0084
+ #d0d0d2
+ #f5f5f5
+ #e7e8e8
+ #ff0084
+ #5d0061
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #f5f5f5
+ #444444
+ none
+ #ff0084
+ #e7e8e8
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ #ae0047
+ rgba(#ae0047, 0.8)
+ underline
+ 0.5px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #551a8b
+ rgba(#551a8b, 0.8)
+ underline
+ 2px
+ solid
+ #ffffff
+ #ae0047
+ #a3a4a7
+ #ffffff
+ #ae0047
+ #710074
+ #710074
+ #ffffff
+ #710074
+ #ffffff
+ #551a8b
+ #a3a4a7
+ #ffecf2
+ #ffe0ea
+ #0085b3
+ #f0b8c0
+ #5d5e62
+ #ff0084
+ #5d5e62
+ #f0b8c0
+ #ae0047
+ #ff0084
+ #f0b8c0
+ #f5f5f5
+ #e7e8e8
+ #ff0084
+ #5d0061
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #f5f5f5
+ #444444
+ none
+ #ff0084
+ #e7e8e8
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ #ae0047
+ rgba(#ae0047, 0.8)
+ underline
+ 0.5px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #551a8b
+ rgba(#551a8b, 0.8)
+ underline
+ 2px
+ solid
+ #ffecf2
+ #ae0047
+ #a3a4a7
+ #ffecf2
+ #ae0047
+ #710074
+ #710074
+ #ffffff
+ #710074
+ #ffecf2
+ #551a8b
+ #a3a4a7
+ #e7e8e8
+ #d0d0d2
+ #0085b3
+ #a3a4a7
+ #5d5e62
+ #ff0084
+ #5d5e62
+ #a3a4a7
+ #ae0047
+ #ff0084
+ #a3a4a7
+ #f5f5f5
+ #e7e8e8
+ #ff0084
+ #5d0061
+ #232323
+ #444444
+ #36003c
+ #818181
+ #232323
+ #444444
+ #f5f5f5
+ #444444
+ none
+ #ff0084
+ #e7e8e8
+ #ae0047
+ underline
+ #5d0061
+ #710074
+ #ffffff
+ none
+ #710074
+ #5d0061
+ #ffffff
+ underline
+ #5d0061
+ #5d0061
+ #ffffff
+ none
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #710074
+ rgba(0, 0, 0, 0)
+ #ae0047
+ underline
+ #5d0061
+ rgba(0, 0, 0, 0)
+ #ae0047
+ none
+ #5d0061
+ #ae0047
+ rgba(#ae0047, 0.8)
+ underline
+ 0.5px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #87002b
+ rgba(#87002b, 0.8)
+ underline
+ 2px
+ solid
+ #551a8b
+ rgba(#551a8b, 0.8)
+ underline
+ 2px
+ solid
+ #e7e8e8
+ #ae0047
+ #a3a4a7
+ #e7e8e8
+ #ae0047
+ #710074
+ #710074
+ #ffffff
+ #710074
+ #e7e8e8
+ #551a8b
+ #a3a4a7
+ #710074
+ #5d0061
+ #ffc0d4
+ #ff7dab
+ #ffa0c0
+ #ff0084
+ #ffa0c0
+ #ff7dab
+ #ffffff
+ #ff0084
+ #ffa0c0
+ #5d0061
+ #2a2b2f
+ #ff0084
+ #ffc85e
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #5d0061
+ #ffffff
+ none
+ #ff0084
+ #2a2b2f
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ #ffffff
+ rgba(#ffffff, 0.8)
+ underline
+ 0.5px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ffc0d4
+ rgba(#ffc0d4, 0.8)
+ underline
+ 2px
+ solid
+ #710074
+ #ffffff
+ #ff7dab
+ #710074
+ #ffffff
+ #ffffff
+ #ffffff
+ #710074
+ #ffffff
+ #710074
+ #551a8b
+ #d70065
+ #2a2b2f
+ #131418
+ #ffc0d4
+ #ff7dab
+ #ffa0c0
+ #ff0084
+ #ffa0c0
+ #ff7dab
+ #ffffff
+ #ff0084
+ #ffa0c0
+ #5d0061
+ #2a2b2f
+ #ff0084
+ #ffc85e
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #5d0061
+ #ffffff
+ none
+ #ff0084
+ #2a2b2f
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ #ffffff
+ rgba(#ffffff, 0.8)
+ underline
+ 0.5px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ffc0d4
+ rgba(#ffc0d4, 0.8)
+ underline
+ 2px
+ solid
+ #2a2b2f
+ #ffffff
+ #ff7dab
+ #2a2b2f
+ #ffffff
+ #ffffff
+ #ffffff
+ #2a2b2f
+ #ffffff
+ #2a2b2f
+ #551a8b
+ #d70065
+ #232323
+ #141414
+ #ffc0d4
+ #ff7dab
+ #ffa0c0
+ #ff0084
+ #ffa0c0
+ #ff7dab
+ #ffffff
+ #ff0084
+ #ffa0c0
+ #5d5e62
+ #2a2b2f
+ #ff0084
+ #ffc85e
+ #ffffff
+ #fafafa
+ #ffffff
+ #fafafa
+ #ffffff
+ #ba89ba
+ #5d5e62
+ #ffffff
+ none
+ #ff0084
+ #2a2b2f
+ #ffffff
+ underline
+ #ffc85e
+ #ffffff
+ #2a2b2f
+ none
+ #ffffff
+ #ffc85e
+ #2a2b2f
+ underline
+ #ffc85e
+ #ffc85e
+ #2a2b2f
+ none
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffffff
+ rgba(0, 0, 0, 0)
+ #ffffff
+ underline
+ #ffc85e
+ rgba(0, 0, 0, 0)
+ #ffffff
+ none
+ #ffc85e
+ #ffffff
+ rgba(#ffffff, 0.8)
+ underline
+ 0.5px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ba89ba
+ rgba(#ba89ba, 0.8)
+ underline
+ 2px
+ solid
+ #ffc0d4
+ rgba(#ffc0d4, 0.8)
+ underline
+ 2px
+ solid
+ #232323
+ #ffffff
+ #ff7dab
+ #232323
+ #ffffff
+ #ffffff
+ #ffffff
+ #232323
+ #ffffff
+ #232323
+ #551a8b
+ #d70065
+
\ No newline at end of file
diff --git a/src/css/button/button-campaign-saferqld-palette.css b/src/css/button/button-campaign-saferqld-palette.css
new file mode 100644
index 0000000..aaed8f9
--- /dev/null
+++ b/src/css/button/button-campaign-saferqld-palette.css
@@ -0,0 +1,150 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+ --button-palette-bright-primary-default-background: #710074;
+ --button-palette-bright-primary-default-text: #ffffff;
+ --button-palette-bright-primary-default-text-decoration: none;
+ --button-palette-bright-primary-default-border: #710074;
+ --button-palette-bright-primary-active-background: #5d0061;
+ --button-palette-bright-primary-active-text: #ffffff;
+ --button-palette-bright-primary-active-text-decoration: none;
+ --button-palette-bright-primary-active-border: #5d0061;
+ --button-palette-bright-primary-hover-background: #5d0061;
+ --button-palette-bright-primary-hover-text: #ffffff;
+ --button-palette-bright-primary-hover-text-decoration: underline;
+ --button-palette-bright-primary-hover-border: #5d0061;
+ --button-palette-bright-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-bright-secondary-default-text: #ae0047;
+ --button-palette-bright-secondary-default-text-decoration: none;
+ --button-palette-bright-secondary-default-border: #710074;
+ --button-palette-bright-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-bright-secondary-active-text: #ae0047;
+ --button-palette-bright-secondary-active-text-decoration: none;
+ --button-palette-bright-secondary-active-border: #5d0061;
+ --button-palette-bright-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-bright-secondary-hover-text: #ae0047;
+ --button-palette-bright-secondary-hover-text-decoration: underline;
+ --button-palette-bright-secondary-hover-border: #5d0061;
+ --button-palette-tint-primary-default-background: #710074;
+ --button-palette-tint-primary-default-text: #ffffff;
+ --button-palette-tint-primary-default-text-decoration: none;
+ --button-palette-tint-primary-default-border: #710074;
+ --button-palette-tint-primary-active-background: #5d0061;
+ --button-palette-tint-primary-active-text: #ffffff;
+ --button-palette-tint-primary-active-text-decoration: none;
+ --button-palette-tint-primary-active-border: #5d0061;
+ --button-palette-tint-primary-hover-background: #5d0061;
+ --button-palette-tint-primary-hover-text: #ffffff;
+ --button-palette-tint-primary-hover-text-decoration: underline;
+ --button-palette-tint-primary-hover-border: #5d0061;
+ --button-palette-tint-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-tint-secondary-default-text: #ae0047;
+ --button-palette-tint-secondary-default-text-decoration: none;
+ --button-palette-tint-secondary-default-border: #710074;
+ --button-palette-tint-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-tint-secondary-active-text: #ae0047;
+ --button-palette-tint-secondary-active-text-decoration: none;
+ --button-palette-tint-secondary-active-border: #5d0061;
+ --button-palette-tint-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-tint-secondary-hover-text: #ae0047;
+ --button-palette-tint-secondary-hover-text-decoration: underline;
+ --button-palette-tint-secondary-hover-border: #5d0061;
+ --button-palette-alt-primary-default-background: #710074;
+ --button-palette-alt-primary-default-text: #ffffff;
+ --button-palette-alt-primary-default-text-decoration: none;
+ --button-palette-alt-primary-default-border: #710074;
+ --button-palette-alt-primary-active-background: #5d0061;
+ --button-palette-alt-primary-active-text: #ffffff;
+ --button-palette-alt-primary-active-text-decoration: none;
+ --button-palette-alt-primary-active-border: #5d0061;
+ --button-palette-alt-primary-hover-background: #5d0061;
+ --button-palette-alt-primary-hover-text: #ffffff;
+ --button-palette-alt-primary-hover-text-decoration: underline;
+ --button-palette-alt-primary-hover-border: #5d0061;
+ --button-palette-alt-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-alt-secondary-default-text: #ae0047;
+ --button-palette-alt-secondary-default-text-decoration: none;
+ --button-palette-alt-secondary-default-border: #710074;
+ --button-palette-alt-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-alt-secondary-active-text: #ae0047;
+ --button-palette-alt-secondary-active-text-decoration: none;
+ --button-palette-alt-secondary-active-border: #5d0061;
+ --button-palette-alt-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-alt-secondary-hover-text: #ae0047;
+ --button-palette-alt-secondary-hover-text-decoration: underline;
+ --button-palette-alt-secondary-hover-border: #5d0061;
+ --button-palette-bold-primary-default-background: #ffffff;
+ --button-palette-bold-primary-default-text: #2a2b2f;
+ --button-palette-bold-primary-default-text-decoration: none;
+ --button-palette-bold-primary-default-border: #ffffff;
+ --button-palette-bold-primary-active-background: #ffc85e;
+ --button-palette-bold-primary-active-text: #2a2b2f;
+ --button-palette-bold-primary-active-text-decoration: none;
+ --button-palette-bold-primary-active-border: #ffc85e;
+ --button-palette-bold-primary-hover-background: #ffc85e;
+ --button-palette-bold-primary-hover-text: #2a2b2f;
+ --button-palette-bold-primary-hover-text-decoration: underline;
+ --button-palette-bold-primary-hover-border: #ffc85e;
+ --button-palette-bold-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-bold-secondary-default-text: #ffffff;
+ --button-palette-bold-secondary-default-text-decoration: none;
+ --button-palette-bold-secondary-default-border: #ffffff;
+ --button-palette-bold-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-bold-secondary-active-text: #ffffff;
+ --button-palette-bold-secondary-active-text-decoration: none;
+ --button-palette-bold-secondary-active-border: #ffc85e;
+ --button-palette-bold-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-bold-secondary-hover-text: #ffffff;
+ --button-palette-bold-secondary-hover-text-decoration: underline;
+ --button-palette-bold-secondary-hover-border: #ffc85e;
+ --button-palette-strong-primary-default-background: #ffffff;
+ --button-palette-strong-primary-default-text: #2a2b2f;
+ --button-palette-strong-primary-default-text-decoration: none;
+ --button-palette-strong-primary-default-border: #ffffff;
+ --button-palette-strong-primary-active-background: #ffc85e;
+ --button-palette-strong-primary-active-text: #2a2b2f;
+ --button-palette-strong-primary-active-text-decoration: none;
+ --button-palette-strong-primary-active-border: #ffc85e;
+ --button-palette-strong-primary-hover-background: #ffc85e;
+ --button-palette-strong-primary-hover-text: #2a2b2f;
+ --button-palette-strong-primary-hover-text-decoration: underline;
+ --button-palette-strong-primary-hover-border: #ffc85e;
+ --button-palette-strong-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-strong-secondary-default-text: #ffffff;
+ --button-palette-strong-secondary-default-text-decoration: none;
+ --button-palette-strong-secondary-default-border: #ffffff;
+ --button-palette-strong-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-strong-secondary-active-text: #ffffff;
+ --button-palette-strong-secondary-active-text-decoration: none;
+ --button-palette-strong-secondary-active-border: #ffc85e;
+ --button-palette-strong-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-strong-secondary-hover-text: #ffffff;
+ --button-palette-strong-secondary-hover-text-decoration: underline;
+ --button-palette-strong-secondary-hover-border: #ffc85e;
+ --button-palette-dark-primary-default-background: #ffffff;
+ --button-palette-dark-primary-default-text: #2a2b2f;
+ --button-palette-dark-primary-default-text-decoration: none;
+ --button-palette-dark-primary-default-border: #ffffff;
+ --button-palette-dark-primary-active-background: #ffc85e;
+ --button-palette-dark-primary-active-text: #2a2b2f;
+ --button-palette-dark-primary-active-text-decoration: none;
+ --button-palette-dark-primary-active-border: #ffc85e;
+ --button-palette-dark-primary-hover-background: #ffc85e;
+ --button-palette-dark-primary-hover-text: #2a2b2f;
+ --button-palette-dark-primary-hover-text-decoration: underline;
+ --button-palette-dark-primary-hover-border: #ffc85e;
+ --button-palette-dark-secondary-default-background: rgba(0, 0, 0, 0);
+ --button-palette-dark-secondary-default-text: #ffffff;
+ --button-palette-dark-secondary-default-text-decoration: none;
+ --button-palette-dark-secondary-default-border: #ffffff;
+ --button-palette-dark-secondary-active-background: rgba(0, 0, 0, 0);
+ --button-palette-dark-secondary-active-text: #ffffff;
+ --button-palette-dark-secondary-active-text-decoration: none;
+ --button-palette-dark-secondary-active-border: #ffc85e;
+ --button-palette-dark-secondary-hover-background: rgba(0, 0, 0, 0);
+ --button-palette-dark-secondary-hover-text: #ffffff;
+ --button-palette-dark-secondary-hover-text-decoration: underline;
+ --button-palette-dark-secondary-hover-border: #ffc85e;
+}
diff --git a/src/css/card/card-campaign-saferqld-palette.css b/src/css/card/card-campaign-saferqld-palette.css
new file mode 100644
index 0000000..a6b46c3
--- /dev/null
+++ b/src/css/card/card-campaign-saferqld-palette.css
@@ -0,0 +1,7 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+ --card-background: #ffffff;
+}
diff --git a/src/css/styles/qgds-campaign-saferqld-palette.css b/src/css/styles/qgds-campaign-saferqld-palette.css
new file mode 100644
index 0000000..3099242
--- /dev/null
+++ b/src/css/styles/qgds-campaign-saferqld-palette.css
@@ -0,0 +1,586 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+ --theme-color-brand-first: #a7e5ff;
+ --theme-color-brand-second: #ffe500;
+ --theme-color-brand-third: #a7e5ff;
+ --theme-color-brand-fourth: #a7e5ff;
+ --theme-color-background-bright: #ffffff;
+ --theme-color-background-tint: #ffecf2;
+ --theme-color-background-alt: #f5f5f5;
+ --theme-color-background-bold: #710074;
+ --theme-color-background-strong: #2a2b2f;
+ --theme-color-background-dark: #232323;
+ --theme-color-action-on-lights-primary-default-color: #710074;
+ --theme-color-action-on-lights-primary-default-text: #ffffff;
+ --theme-color-action-on-lights-primary-hover-color: #5d0061;
+ --theme-color-action-on-lights-primary-hover-text: #ffffff;
+ --theme-color-action-on-lights-primary-active-color: #5d0061;
+ --theme-color-action-on-lights-primary-active-text: #ffffff;
+ --theme-color-action-on-lights-secondary-default-color: #710074;
+ --theme-color-action-on-lights-secondary-default-text: #ae0047;
+ --theme-color-action-on-lights-secondary-hover-color: #5d0061;
+ --theme-color-action-on-lights-secondary-hover-text: #ae0047;
+ --theme-color-action-on-lights-secondary-active-color: #5d0061;
+ --theme-color-action-on-lights-secondary-active-text: #ae0047;
+ --theme-color-action-on-darks-primary-default-color: #ffffff;
+ --theme-color-action-on-darks-primary-default-text: #2a2b2f;
+ --theme-color-action-on-darks-primary-hover-color: #ffd27e;
+ --theme-color-action-on-darks-primary-hover-text: #2a2b2f;
+ --theme-color-action-on-darks-primary-active-color: #ffd27e;
+ --theme-color-action-on-darks-primary-active-text: #2a2b2f;
+ --theme-color-action-on-darks-secondary-default-color: #ffffff;
+ --theme-color-action-on-darks-secondary-default-text: #ffffff;
+ --theme-color-action-on-darks-secondary-hover-color: #ffd27e;
+ --theme-color-action-on-darks-secondary-hover-text: #ffffff;
+ --theme-color-action-on-darks-secondary-active-color: #ffd27e;
+ --theme-color-action-on-darks-secondary-active-text: #ffffff;
+ --theme-color-wording-on-lights-site-title-default: #232323;
+ --theme-color-wording-on-lights-site-title-variant: #444444;
+ --theme-color-wording-on-lights-heading-default: #36003c;
+ --theme-color-wording-on-lights-heading-variant: #818181;
+ --theme-color-wording-on-lights-body-default: #232323;
+ --theme-color-wording-on-lights-body-variant: #444444;
+ --theme-color-wording-on-darks-site-title-default: #ffffff;
+ --theme-color-wording-on-darks-site-title-variant: #fafafa;
+ --theme-color-wording-on-darks-heading-default: #ffffff;
+ --theme-color-wording-on-darks-heading-variant: #fafafa;
+ --theme-color-wording-on-darks-body-default: #ffffff;
+ --theme-color-wording-on-darks-body-variant: #ba89ba;
+ --theme-color-reserved-error-default: #e22339;
+ --theme-color-reserved-error-lightest: #ffeceb;
+ --theme-color-reserved-error-lighter: #ffe0dd;
+ --theme-color-reserved-error-darker: #770000;
+ --theme-color-reserved-information-default: #0085b3;
+ --theme-color-reserved-information-lightest: #eaf3f8;
+ --theme-color-reserved-information-lighter: #dcebf3;
+ --theme-color-reserved-information-darker: #00315a;
+ --theme-color-reserved-success-default: #6bbe27;
+ --theme-color-reserved-success-lightest: #f0f9ec;
+ --theme-color-reserved-success-lighter: #e7f5df;
+ --theme-color-reserved-success-darker: #004f00;
+ --theme-color-reserved-alert-default: #ffe500;
+ --theme-color-reserved-alert-lightest: #fffdee;
+ --theme-color-reserved-alert-lighter: #fffce3;
+ --theme-color-reserved-alert-darker: #705500;
+ --theme-color-syntax-background: #232323;
+ --theme-color-syntax-values: #6bbe27;
+ --theme-color-syntax-elements: #a7e5ff;
+ --theme-color-syntax-properties: #710074;
+ --theme-color-syntax-comments: #c0d7ec;
+ --theme-focus-outline-width: 4px;
+ --theme-focus-outline-style: solid;
+ --theme-shadows-default: #070707;
+ --palette-bright-background: #ffffff;
+ --palette-bright-shade: #f5f5f5;
+ --palette-bright-focus-outline-color: #0085b3;
+ --palette-bright-border-default: #d0d0d2;
+ --palette-bright-border-variant: #5d5e62;
+ --palette-bright-boundary: #ff0084;
+ --palette-bright-partition: #5d5e62;
+ --palette-bright-separator: #d0d0d2;
+ --palette-bright-divider: #ae0047;
+ --palette-bright-fence: #ff0084;
+ --palette-bright-line: #d0d0d2;
+ --palette-bright-muted: #f5f5f5;
+ --palette-bright-subtle: #e7e8e8;
+ --palette-bright-accent-default: #ff0084;
+ --palette-bright-accent-on-accent: #5d0061;
+ --palette-bright-typography-site-title-default: #232323;
+ --palette-bright-typography-site-title-variant: #444444;
+ --palette-bright-typography-heading-default: #36003c;
+ --palette-bright-typography-heading-variant: #818181;
+ --palette-bright-typography-body-default: #232323;
+ --palette-bright-typography-body-variant: #444444;
+ --palette-bright-action-nav-main-default-background: #f5f5f5;
+ --palette-bright-action-nav-main-default-text: #444444;
+ --palette-bright-action-nav-main-default-text-decoration: none;
+ --palette-bright-action-nav-main-default-accent: #ff0084;
+ --palette-bright-action-nav-main-hover-background: #e7e8e8;
+ --palette-bright-action-nav-main-hover-text: #ae0047;
+ --palette-bright-action-nav-main-hover-text-decoration: underline;
+ --palette-bright-action-nav-main-hover-accent: #5d0061;
+ --palette-bright-action-button-primary-default-background: #710074;
+ --palette-bright-action-button-primary-default-text: #ffffff;
+ --palette-bright-action-button-primary-default-text-decoration: none;
+ --palette-bright-action-button-primary-default-border: #710074;
+ --palette-bright-action-button-primary-hover-background: #5d0061;
+ --palette-bright-action-button-primary-hover-text: #ffffff;
+ --palette-bright-action-button-primary-hover-text-decoration: underline;
+ --palette-bright-action-button-primary-hover-border: #5d0061;
+ --palette-bright-action-button-primary-active-background: #5d0061;
+ --palette-bright-action-button-primary-active-text: #ffffff;
+ --palette-bright-action-button-primary-active-text-decoration: none;
+ --palette-bright-action-button-primary-active-border: #5d0061;
+ --palette-bright-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-bright-action-button-secondary-default-text: #ae0047;
+ --palette-bright-action-button-secondary-default-text-decoration: none;
+ --palette-bright-action-button-secondary-default-border: #710074;
+ --palette-bright-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-bright-action-button-secondary-hover-text: #ae0047;
+ --palette-bright-action-button-secondary-hover-text-decoration: underline;
+ --palette-bright-action-button-secondary-hover-border: #5d0061;
+ --palette-bright-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-bright-action-button-secondary-active-text: #ae0047;
+ --palette-bright-action-button-secondary-active-text-decoration: none;
+ --palette-bright-action-button-secondary-active-border: #5d0061;
+ --palette-bright-action-link-default-color: #ae0047;
+ --palette-bright-action-link-default-text-decoration-color: rgba(#ae0047, 0.8);
+ --palette-bright-action-link-default-text-decoration-line: underline;
+ --palette-bright-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-bright-action-link-default-text-decoration-style: solid;
+ --palette-bright-action-link-hover-color: #87002b;
+ --palette-bright-action-link-hover-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-bright-action-link-hover-text-decoration-line: underline;
+ --palette-bright-action-link-hover-text-decoration-thickness: 2px;
+ --palette-bright-action-link-hover-text-decoration-style: solid;
+ --palette-bright-action-link-active-color: #87002b;
+ --palette-bright-action-link-active-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-bright-action-link-active-text-decoration-line: underline;
+ --palette-bright-action-link-active-text-decoration-thickness: 2px;
+ --palette-bright-action-link-active-text-decoration-style: solid;
+ --palette-bright-action-link-visited-color: #551a8b;
+ --palette-bright-action-link-visited-text-decoration-color: rgba(#551a8b, 0.8);
+ --palette-bright-action-link-visited-text-decoration-line: underline;
+ --palette-bright-action-link-visited-text-decoration-thickness: 2px;
+ --palette-bright-action-link-visited-text-decoration-style: solid;
+ --palette-bright-action-pagination-default-background: #ffffff;
+ --palette-bright-action-pagination-default-text: #ae0047;
+ --palette-bright-action-pagination-default-border: #a3a4a7;
+ --palette-bright-action-pagination-hover-background: #ffffff;
+ --palette-bright-action-pagination-hover-text: #ae0047;
+ --palette-bright-action-pagination-hover-border: #710074;
+ --palette-bright-action-pagination-active-background: #710074;
+ --palette-bright-action-pagination-active-text: #ffffff;
+ --palette-bright-action-pagination-active-border: #710074;
+ --palette-bright-action-pagination-visited-background: #ffffff;
+ --palette-bright-action-pagination-visited-text: #551a8b;
+ --palette-bright-action-pagination-visited-border: #a3a4a7;
+ --palette-tint-background: #ffecf2;
+ --palette-tint-shade: #ffe0ea;
+ --palette-tint-focus-outline-color: #0085b3;
+ --palette-tint-border-default: #f0b8c0;
+ --palette-tint-border-variant: #5d5e62;
+ --palette-tint-boundary: #ff0084;
+ --palette-tint-partition: #5d5e62;
+ --palette-tint-separator: #f0b8c0;
+ --palette-tint-divider: #ae0047;
+ --palette-tint-fence: #ff0084;
+ --palette-tint-line: #f0b8c0;
+ --palette-tint-muted: #f5f5f5;
+ --palette-tint-subtle: #e7e8e8;
+ --palette-tint-accent-default: #ff0084;
+ --palette-tint-accent-on-accent: #5d0061;
+ --palette-tint-typography-site-title-default: #232323;
+ --palette-tint-typography-site-title-variant: #444444;
+ --palette-tint-typography-heading-default: #36003c;
+ --palette-tint-typography-heading-variant: #818181;
+ --palette-tint-typography-body-default: #232323;
+ --palette-tint-typography-body-variant: #444444;
+ --palette-tint-action-nav-main-default-background: #f5f5f5;
+ --palette-tint-action-nav-main-default-text: #444444;
+ --palette-tint-action-nav-main-default-text-decoration: none;
+ --palette-tint-action-nav-main-default-accent: #ff0084;
+ --palette-tint-action-nav-main-hover-background: #e7e8e8;
+ --palette-tint-action-nav-main-hover-text: #ae0047;
+ --palette-tint-action-nav-main-hover-text-decoration: underline;
+ --palette-tint-action-nav-main-hover-accent: #5d0061;
+ --palette-tint-action-button-primary-default-background: #710074;
+ --palette-tint-action-button-primary-default-text: #ffffff;
+ --palette-tint-action-button-primary-default-text-decoration: none;
+ --palette-tint-action-button-primary-default-border: #710074;
+ --palette-tint-action-button-primary-hover-background: #5d0061;
+ --palette-tint-action-button-primary-hover-text: #ffffff;
+ --palette-tint-action-button-primary-hover-text-decoration: underline;
+ --palette-tint-action-button-primary-hover-border: #5d0061;
+ --palette-tint-action-button-primary-active-background: #5d0061;
+ --palette-tint-action-button-primary-active-text: #ffffff;
+ --palette-tint-action-button-primary-active-text-decoration: none;
+ --palette-tint-action-button-primary-active-border: #5d0061;
+ --palette-tint-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-tint-action-button-secondary-default-text: #ae0047;
+ --palette-tint-action-button-secondary-default-text-decoration: none;
+ --palette-tint-action-button-secondary-default-border: #710074;
+ --palette-tint-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-tint-action-button-secondary-hover-text: #ae0047;
+ --palette-tint-action-button-secondary-hover-text-decoration: underline;
+ --palette-tint-action-button-secondary-hover-border: #5d0061;
+ --palette-tint-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-tint-action-button-secondary-active-text: #ae0047;
+ --palette-tint-action-button-secondary-active-text-decoration: none;
+ --palette-tint-action-button-secondary-active-border: #5d0061;
+ --palette-tint-action-link-default-color: #ae0047;
+ --palette-tint-action-link-default-text-decoration-color: rgba(#ae0047, 0.8);
+ --palette-tint-action-link-default-text-decoration-line: underline;
+ --palette-tint-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-tint-action-link-default-text-decoration-style: solid;
+ --palette-tint-action-link-hover-color: #87002b;
+ --palette-tint-action-link-hover-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-tint-action-link-hover-text-decoration-line: underline;
+ --palette-tint-action-link-hover-text-decoration-thickness: 2px;
+ --palette-tint-action-link-hover-text-decoration-style: solid;
+ --palette-tint-action-link-active-color: #87002b;
+ --palette-tint-action-link-active-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-tint-action-link-active-text-decoration-line: underline;
+ --palette-tint-action-link-active-text-decoration-thickness: 2px;
+ --palette-tint-action-link-active-text-decoration-style: solid;
+ --palette-tint-action-link-visited-color: #551a8b;
+ --palette-tint-action-link-visited-text-decoration-color: rgba(#551a8b, 0.8);
+ --palette-tint-action-link-visited-text-decoration-line: underline;
+ --palette-tint-action-link-visited-text-decoration-thickness: 2px;
+ --palette-tint-action-link-visited-text-decoration-style: solid;
+ --palette-tint-action-pagination-default-background: #ffecf2;
+ --palette-tint-action-pagination-default-text: #ae0047;
+ --palette-tint-action-pagination-default-border: #a3a4a7;
+ --palette-tint-action-pagination-hover-background: #ffecf2;
+ --palette-tint-action-pagination-hover-text: #ae0047;
+ --palette-tint-action-pagination-hover-border: #710074;
+ --palette-tint-action-pagination-active-background: #710074;
+ --palette-tint-action-pagination-active-text: #ffffff;
+ --palette-tint-action-pagination-active-border: #710074;
+ --palette-tint-action-pagination-visited-background: #ffecf2;
+ --palette-tint-action-pagination-visited-text: #551a8b;
+ --palette-tint-action-pagination-visited-border: #a3a4a7;
+ --palette-alt-background: #e7e8e8;
+ --palette-alt-shade: #d0d0d2;
+ --palette-alt-focus-outline-color: #0085b3;
+ --palette-alt-border-default: #a3a4a7;
+ --palette-alt-border-variant: #5d5e62;
+ --palette-alt-boundary: #ff0084;
+ --palette-alt-partition: #5d5e62;
+ --palette-alt-separator: #a3a4a7;
+ --palette-alt-divider: #ae0047;
+ --palette-alt-fence: #ff0084;
+ --palette-alt-line: #a3a4a7;
+ --palette-alt-muted: #f5f5f5;
+ --palette-alt-subtle: #e7e8e8;
+ --palette-alt-accent-default: #ff0084;
+ --palette-alt-accent-on-accent: #5d0061;
+ --palette-alt-typography-site-title-default: #232323;
+ --palette-alt-typography-site-title-variant: #444444;
+ --palette-alt-typography-heading-default: #36003c;
+ --palette-alt-typography-heading-variant: #818181;
+ --palette-alt-typography-body-default: #232323;
+ --palette-alt-typography-body-variant: #444444;
+ --palette-alt-action-nav-main-default-background: #f5f5f5;
+ --palette-alt-action-nav-main-default-text: #444444;
+ --palette-alt-action-nav-main-default-text-decoration: none;
+ --palette-alt-action-nav-main-default-accent: #ff0084;
+ --palette-alt-action-nav-main-hover-background: #e7e8e8;
+ --palette-alt-action-nav-main-hover-text: #ae0047;
+ --palette-alt-action-nav-main-hover-text-decoration: underline;
+ --palette-alt-action-nav-main-hover-accent: #5d0061;
+ --palette-alt-action-button-primary-default-background: #710074;
+ --palette-alt-action-button-primary-default-text: #ffffff;
+ --palette-alt-action-button-primary-default-text-decoration: none;
+ --palette-alt-action-button-primary-default-border: #710074;
+ --palette-alt-action-button-primary-hover-background: #5d0061;
+ --palette-alt-action-button-primary-hover-text: #ffffff;
+ --palette-alt-action-button-primary-hover-text-decoration: underline;
+ --palette-alt-action-button-primary-hover-border: #5d0061;
+ --palette-alt-action-button-primary-active-background: #5d0061;
+ --palette-alt-action-button-primary-active-text: #ffffff;
+ --palette-alt-action-button-primary-active-text-decoration: none;
+ --palette-alt-action-button-primary-active-border: #5d0061;
+ --palette-alt-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-alt-action-button-secondary-default-text: #ae0047;
+ --palette-alt-action-button-secondary-default-text-decoration: none;
+ --palette-alt-action-button-secondary-default-border: #710074;
+ --palette-alt-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-alt-action-button-secondary-hover-text: #ae0047;
+ --palette-alt-action-button-secondary-hover-text-decoration: underline;
+ --palette-alt-action-button-secondary-hover-border: #5d0061;
+ --palette-alt-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-alt-action-button-secondary-active-text: #ae0047;
+ --palette-alt-action-button-secondary-active-text-decoration: none;
+ --palette-alt-action-button-secondary-active-border: #5d0061;
+ --palette-alt-action-link-default-color: #ae0047;
+ --palette-alt-action-link-default-text-decoration-color: rgba(#ae0047, 0.8);
+ --palette-alt-action-link-default-text-decoration-line: underline;
+ --palette-alt-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-alt-action-link-default-text-decoration-style: solid;
+ --palette-alt-action-link-hover-color: #87002b;
+ --palette-alt-action-link-hover-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-alt-action-link-hover-text-decoration-line: underline;
+ --palette-alt-action-link-hover-text-decoration-thickness: 2px;
+ --palette-alt-action-link-hover-text-decoration-style: solid;
+ --palette-alt-action-link-active-color: #87002b;
+ --palette-alt-action-link-active-text-decoration-color: rgba(#87002b, 0.8);
+ --palette-alt-action-link-active-text-decoration-line: underline;
+ --palette-alt-action-link-active-text-decoration-thickness: 2px;
+ --palette-alt-action-link-active-text-decoration-style: solid;
+ --palette-alt-action-link-visited-color: #551a8b;
+ --palette-alt-action-link-visited-text-decoration-color: rgba(#551a8b, 0.8);
+ --palette-alt-action-link-visited-text-decoration-line: underline;
+ --palette-alt-action-link-visited-text-decoration-thickness: 2px;
+ --palette-alt-action-link-visited-text-decoration-style: solid;
+ --palette-alt-action-pagination-default-background: #e7e8e8;
+ --palette-alt-action-pagination-default-text: #ae0047;
+ --palette-alt-action-pagination-default-border: #a3a4a7;
+ --palette-alt-action-pagination-hover-background: #e7e8e8;
+ --palette-alt-action-pagination-hover-text: #ae0047;
+ --palette-alt-action-pagination-hover-border: #710074;
+ --palette-alt-action-pagination-active-background: #710074;
+ --palette-alt-action-pagination-active-text: #ffffff;
+ --palette-alt-action-pagination-active-border: #710074;
+ --palette-alt-action-pagination-visited-background: #e7e8e8;
+ --palette-alt-action-pagination-visited-text: #551a8b;
+ --palette-alt-action-pagination-visited-border: #a3a4a7;
+ --palette-bold-background: #710074;
+ --palette-bold-shade: #5d0061;
+ --palette-bold-focus-outline-color: #ffc0d4;
+ --palette-bold-border-default: #ff7dab;
+ --palette-bold-border-variant: #ffa0c0;
+ --palette-bold-boundary: #ff0084;
+ --palette-bold-partition: #ffa0c0;
+ --palette-bold-separator: #ff7dab;
+ --palette-bold-divider: #ffffff;
+ --palette-bold-fence: #ff0084;
+ --palette-bold-line: #ffa0c0;
+ --palette-bold-muted: #5d0061;
+ --palette-bold-subtle: #2a2b2f;
+ --palette-bold-accent-default: #ff0084;
+ --palette-bold-accent-on-accent: #ffc85e;
+ --palette-bold-typography-site-title-default: #ffffff;
+ --palette-bold-typography-site-title-variant: #fafafa;
+ --palette-bold-typography-heading-default: #ffffff;
+ --palette-bold-typography-heading-variant: #fafafa;
+ --palette-bold-typography-body-default: #ffffff;
+ --palette-bold-typography-body-variant: #ba89ba;
+ --palette-bold-action-nav-main-default-background: #5d0061;
+ --palette-bold-action-nav-main-default-text: #ffffff;
+ --palette-bold-action-nav-main-default-text-decoration: none;
+ --palette-bold-action-nav-main-default-accent: #ff0084;
+ --palette-bold-action-nav-main-hover-background: #2a2b2f;
+ --palette-bold-action-nav-main-hover-text: #ffffff;
+ --palette-bold-action-nav-main-hover-text-decoration: underline;
+ --palette-bold-action-nav-main-hover-accent: #ffc85e;
+ --palette-bold-action-button-primary-default-background: #ffffff;
+ --palette-bold-action-button-primary-default-text: #2a2b2f;
+ --palette-bold-action-button-primary-default-text-decoration: none;
+ --palette-bold-action-button-primary-default-border: #ffffff;
+ --palette-bold-action-button-primary-hover-background: #ffc85e;
+ --palette-bold-action-button-primary-hover-text: #2a2b2f;
+ --palette-bold-action-button-primary-hover-text-decoration: underline;
+ --palette-bold-action-button-primary-hover-border: #ffc85e;
+ --palette-bold-action-button-primary-active-background: #ffc85e;
+ --palette-bold-action-button-primary-active-text: #2a2b2f;
+ --palette-bold-action-button-primary-active-text-decoration: none;
+ --palette-bold-action-button-primary-active-border: #ffc85e;
+ --palette-bold-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-bold-action-button-secondary-default-text: #ffffff;
+ --palette-bold-action-button-secondary-default-text-decoration: none;
+ --palette-bold-action-button-secondary-default-border: #ffffff;
+ --palette-bold-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-bold-action-button-secondary-hover-text: #ffffff;
+ --palette-bold-action-button-secondary-hover-text-decoration: underline;
+ --palette-bold-action-button-secondary-hover-border: #ffc85e;
+ --palette-bold-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-bold-action-button-secondary-active-text: #ffffff;
+ --palette-bold-action-button-secondary-active-text-decoration: none;
+ --palette-bold-action-button-secondary-active-border: #ffc85e;
+ --palette-bold-action-link-default-color: #ffffff;
+ --palette-bold-action-link-default-text-decoration-color: rgba(#ffffff, 0.8);
+ --palette-bold-action-link-default-text-decoration-line: underline;
+ --palette-bold-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-bold-action-link-default-text-decoration-style: solid;
+ --palette-bold-action-link-hover-color: #ba89ba;
+ --palette-bold-action-link-hover-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-bold-action-link-hover-text-decoration-line: underline;
+ --palette-bold-action-link-hover-text-decoration-thickness: 2px;
+ --palette-bold-action-link-hover-text-decoration-style: solid;
+ --palette-bold-action-link-active-color: #ba89ba;
+ --palette-bold-action-link-active-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-bold-action-link-active-text-decoration-line: underline;
+ --palette-bold-action-link-active-text-decoration-thickness: 2px;
+ --palette-bold-action-link-active-text-decoration-style: solid;
+ --palette-bold-action-link-visited-color: #ffc0d4;
+ --palette-bold-action-link-visited-text-decoration-color: rgba(#ffc0d4, 0.8);
+ --palette-bold-action-link-visited-text-decoration-line: underline;
+ --palette-bold-action-link-visited-text-decoration-thickness: 2px;
+ --palette-bold-action-link-visited-text-decoration-style: solid;
+ --palette-bold-action-pagination-default-background: #710074;
+ --palette-bold-action-pagination-default-text: #ffffff;
+ --palette-bold-action-pagination-default-border: #ff7dab;
+ --palette-bold-action-pagination-hover-background: #710074;
+ --palette-bold-action-pagination-hover-text: #ffffff;
+ --palette-bold-action-pagination-hover-border: #ffffff;
+ --palette-bold-action-pagination-active-background: #ffffff;
+ --palette-bold-action-pagination-active-text: #710074;
+ --palette-bold-action-pagination-active-border: #ffffff;
+ --palette-bold-action-pagination-visited-background: #710074;
+ --palette-bold-action-pagination-visited-text: #551a8b;
+ --palette-bold-action-pagination-visited-border: #d70065;
+ --palette-strong-background: #2a2b2f;
+ --palette-strong-shade: #131418;
+ --palette-strong-focus-outline-color: #ffc0d4;
+ --palette-strong-border-default: #ff7dab;
+ --palette-strong-border-variant: #ffa0c0;
+ --palette-strong-boundary: #ff0084;
+ --palette-strong-partition: #ffa0c0;
+ --palette-strong-separator: #ff7dab;
+ --palette-strong-divider: #ffffff;
+ --palette-strong-fence: #ff0084;
+ --palette-strong-line: #ffa0c0;
+ --palette-strong-muted: #5d0061;
+ --palette-strong-subtle: #2a2b2f;
+ --palette-strong-accent-default: #ff0084;
+ --palette-strong-accent-on-accent: #ffc85e;
+ --palette-strong-typography-site-title-default: #ffffff;
+ --palette-strong-typography-site-title-variant: #fafafa;
+ --palette-strong-typography-heading-default: #ffffff;
+ --palette-strong-typography-heading-variant: #fafafa;
+ --palette-strong-typography-body-default: #ffffff;
+ --palette-strong-typography-body-variant: #ba89ba;
+ --palette-strong-action-nav-main-default-background: #5d0061;
+ --palette-strong-action-nav-main-default-text: #ffffff;
+ --palette-strong-action-nav-main-default-text-decoration: none;
+ --palette-strong-action-nav-main-default-accent: #ff0084;
+ --palette-strong-action-nav-main-hover-background: #2a2b2f;
+ --palette-strong-action-nav-main-hover-text: #ffffff;
+ --palette-strong-action-nav-main-hover-text-decoration: underline;
+ --palette-strong-action-nav-main-hover-accent: #ffc85e;
+ --palette-strong-action-button-primary-default-background: #ffffff;
+ --palette-strong-action-button-primary-default-text: #2a2b2f;
+ --palette-strong-action-button-primary-default-text-decoration: none;
+ --palette-strong-action-button-primary-default-border: #ffffff;
+ --palette-strong-action-button-primary-hover-background: #ffc85e;
+ --palette-strong-action-button-primary-hover-text: #2a2b2f;
+ --palette-strong-action-button-primary-hover-text-decoration: underline;
+ --palette-strong-action-button-primary-hover-border: #ffc85e;
+ --palette-strong-action-button-primary-active-background: #ffc85e;
+ --palette-strong-action-button-primary-active-text: #2a2b2f;
+ --palette-strong-action-button-primary-active-text-decoration: none;
+ --palette-strong-action-button-primary-active-border: #ffc85e;
+ --palette-strong-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-strong-action-button-secondary-default-text: #ffffff;
+ --palette-strong-action-button-secondary-default-text-decoration: none;
+ --palette-strong-action-button-secondary-default-border: #ffffff;
+ --palette-strong-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-strong-action-button-secondary-hover-text: #ffffff;
+ --palette-strong-action-button-secondary-hover-text-decoration: underline;
+ --palette-strong-action-button-secondary-hover-border: #ffc85e;
+ --palette-strong-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-strong-action-button-secondary-active-text: #ffffff;
+ --palette-strong-action-button-secondary-active-text-decoration: none;
+ --palette-strong-action-button-secondary-active-border: #ffc85e;
+ --palette-strong-action-link-default-color: #ffffff;
+ --palette-strong-action-link-default-text-decoration-color: rgba(#ffffff, 0.8);
+ --palette-strong-action-link-default-text-decoration-line: underline;
+ --palette-strong-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-strong-action-link-default-text-decoration-style: solid;
+ --palette-strong-action-link-hover-color: #ba89ba;
+ --palette-strong-action-link-hover-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-strong-action-link-hover-text-decoration-line: underline;
+ --palette-strong-action-link-hover-text-decoration-thickness: 2px;
+ --palette-strong-action-link-hover-text-decoration-style: solid;
+ --palette-strong-action-link-active-color: #ba89ba;
+ --palette-strong-action-link-active-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-strong-action-link-active-text-decoration-line: underline;
+ --palette-strong-action-link-active-text-decoration-thickness: 2px;
+ --palette-strong-action-link-active-text-decoration-style: solid;
+ --palette-strong-action-link-visited-color: #ffc0d4;
+ --palette-strong-action-link-visited-text-decoration-color: rgba(#ffc0d4, 0.8);
+ --palette-strong-action-link-visited-text-decoration-line: underline;
+ --palette-strong-action-link-visited-text-decoration-thickness: 2px;
+ --palette-strong-action-link-visited-text-decoration-style: solid;
+ --palette-strong-action-pagination-default-background: #2a2b2f;
+ --palette-strong-action-pagination-default-text: #ffffff;
+ --palette-strong-action-pagination-default-border: #ff7dab;
+ --palette-strong-action-pagination-hover-background: #2a2b2f;
+ --palette-strong-action-pagination-hover-text: #ffffff;
+ --palette-strong-action-pagination-hover-border: #ffffff;
+ --palette-strong-action-pagination-active-background: #ffffff;
+ --palette-strong-action-pagination-active-text: #2a2b2f;
+ --palette-strong-action-pagination-active-border: #ffffff;
+ --palette-strong-action-pagination-visited-background: #2a2b2f;
+ --palette-strong-action-pagination-visited-text: #551a8b;
+ --palette-strong-action-pagination-visited-border: #d70065;
+ --palette-dark-background: #232323;
+ --palette-dark-shade: #141414;
+ --palette-dark-focus-outline-color: #ffc0d4;
+ --palette-dark-border-default: #ff7dab;
+ --palette-dark-border-variant: #ffa0c0;
+ --palette-dark-boundary: #ff0084;
+ --palette-dark-partition: #ffa0c0;
+ --palette-dark-separator: #ff7dab;
+ --palette-dark-divider: #ffffff;
+ --palette-dark-fence: #ff0084;
+ --palette-dark-line: #ffa0c0;
+ --palette-dark-muted: #5d5e62;
+ --palette-dark-subtle: #2a2b2f;
+ --palette-dark-accent-default: #ff0084;
+ --palette-dark-accent-on-accent: #ffc85e;
+ --palette-dark-typography-site-title-default: #ffffff;
+ --palette-dark-typography-site-title-variant: #fafafa;
+ --palette-dark-typography-heading-default: #ffffff;
+ --palette-dark-typography-heading-variant: #fafafa;
+ --palette-dark-typography-body-default: #ffffff;
+ --palette-dark-typography-body-variant: #ba89ba;
+ --palette-dark-action-nav-main-default-background: #5d5e62;
+ --palette-dark-action-nav-main-default-text: #ffffff;
+ --palette-dark-action-nav-main-default-text-decoration: none;
+ --palette-dark-action-nav-main-default-accent: #ff0084;
+ --palette-dark-action-nav-main-hover-background: #2a2b2f;
+ --palette-dark-action-nav-main-hover-text: #ffffff;
+ --palette-dark-action-nav-main-hover-text-decoration: underline;
+ --palette-dark-action-nav-main-hover-accent: #ffc85e;
+ --palette-dark-action-button-primary-default-background: #ffffff;
+ --palette-dark-action-button-primary-default-text: #2a2b2f;
+ --palette-dark-action-button-primary-default-text-decoration: none;
+ --palette-dark-action-button-primary-default-border: #ffffff;
+ --palette-dark-action-button-primary-hover-background: #ffc85e;
+ --palette-dark-action-button-primary-hover-text: #2a2b2f;
+ --palette-dark-action-button-primary-hover-text-decoration: underline;
+ --palette-dark-action-button-primary-hover-border: #ffc85e;
+ --palette-dark-action-button-primary-active-background: #ffc85e;
+ --palette-dark-action-button-primary-active-text: #2a2b2f;
+ --palette-dark-action-button-primary-active-text-decoration: none;
+ --palette-dark-action-button-primary-active-border: #ffc85e;
+ --palette-dark-action-button-secondary-default-background: rgba(0, 0, 0, 0);
+ --palette-dark-action-button-secondary-default-text: #ffffff;
+ --palette-dark-action-button-secondary-default-text-decoration: none;
+ --palette-dark-action-button-secondary-default-border: #ffffff;
+ --palette-dark-action-button-secondary-hover-background: rgba(0, 0, 0, 0);
+ --palette-dark-action-button-secondary-hover-text: #ffffff;
+ --palette-dark-action-button-secondary-hover-text-decoration: underline;
+ --palette-dark-action-button-secondary-hover-border: #ffc85e;
+ --palette-dark-action-button-secondary-active-background: rgba(0, 0, 0, 0);
+ --palette-dark-action-button-secondary-active-text: #ffffff;
+ --palette-dark-action-button-secondary-active-text-decoration: none;
+ --palette-dark-action-button-secondary-active-border: #ffc85e;
+ --palette-dark-action-link-default-color: #ffffff;
+ --palette-dark-action-link-default-text-decoration-color: rgba(#ffffff, 0.8);
+ --palette-dark-action-link-default-text-decoration-line: underline;
+ --palette-dark-action-link-default-text-decoration-thickness: 0.5px;
+ --palette-dark-action-link-default-text-decoration-style: solid;
+ --palette-dark-action-link-hover-color: #ba89ba;
+ --palette-dark-action-link-hover-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-dark-action-link-hover-text-decoration-line: underline;
+ --palette-dark-action-link-hover-text-decoration-thickness: 2px;
+ --palette-dark-action-link-hover-text-decoration-style: solid;
+ --palette-dark-action-link-active-color: #ba89ba;
+ --palette-dark-action-link-active-text-decoration-color: rgba(#ba89ba, 0.8);
+ --palette-dark-action-link-active-text-decoration-line: underline;
+ --palette-dark-action-link-active-text-decoration-thickness: 2px;
+ --palette-dark-action-link-active-text-decoration-style: solid;
+ --palette-dark-action-link-visited-color: #ffc0d4;
+ --palette-dark-action-link-visited-text-decoration-color: rgba(#ffc0d4, 0.8);
+ --palette-dark-action-link-visited-text-decoration-line: underline;
+ --palette-dark-action-link-visited-text-decoration-thickness: 2px;
+ --palette-dark-action-link-visited-text-decoration-style: solid;
+ --palette-dark-action-pagination-default-background: #232323;
+ --palette-dark-action-pagination-default-text: #ffffff;
+ --palette-dark-action-pagination-default-border: #ff7dab;
+ --palette-dark-action-pagination-hover-background: #232323;
+ --palette-dark-action-pagination-hover-text: #ffffff;
+ --palette-dark-action-pagination-hover-border: #ffffff;
+ --palette-dark-action-pagination-active-background: #ffffff;
+ --palette-dark-action-pagination-active-text: #232323;
+ --palette-dark-action-pagination-active-border: #ffffff;
+ --palette-dark-action-pagination-visited-background: #232323;
+ --palette-dark-action-pagination-visited-text: #551a8b;
+ --palette-dark-action-pagination-visited-border: #d70065;
+}
diff --git a/src/js/button/button-campaign-saferqld-palette.js b/src/js/button/button-campaign-saferqld-palette.js
new file mode 100644
index 0000000..ab5a758
--- /dev/null
+++ b/src/js/button/button-campaign-saferqld-palette.js
@@ -0,0 +1,148 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const buttonPaletteBrightPrimaryDefaultBackground = "#710074";
+export const buttonPaletteBrightPrimaryDefaultText = "#ffffff";
+export const buttonPaletteBrightPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteBrightPrimaryDefaultBorder = "#710074";
+export const buttonPaletteBrightPrimaryActiveBackground = "#5d0061";
+export const buttonPaletteBrightPrimaryActiveText = "#ffffff";
+export const buttonPaletteBrightPrimaryActiveTextDecoration = "none";
+export const buttonPaletteBrightPrimaryActiveBorder = "#5d0061";
+export const buttonPaletteBrightPrimaryHoverBackground = "#5d0061";
+export const buttonPaletteBrightPrimaryHoverText = "#ffffff";
+export const buttonPaletteBrightPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteBrightPrimaryHoverBorder = "#5d0061";
+export const buttonPaletteBrightSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBrightSecondaryDefaultText = "#ae0047";
+export const buttonPaletteBrightSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteBrightSecondaryDefaultBorder = "#710074";
+export const buttonPaletteBrightSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBrightSecondaryActiveText = "#ae0047";
+export const buttonPaletteBrightSecondaryActiveTextDecoration = "none";
+export const buttonPaletteBrightSecondaryActiveBorder = "#5d0061";
+export const buttonPaletteBrightSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBrightSecondaryHoverText = "#ae0047";
+export const buttonPaletteBrightSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteBrightSecondaryHoverBorder = "#5d0061";
+export const buttonPaletteTintPrimaryDefaultBackground = "#710074";
+export const buttonPaletteTintPrimaryDefaultText = "#ffffff";
+export const buttonPaletteTintPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteTintPrimaryDefaultBorder = "#710074";
+export const buttonPaletteTintPrimaryActiveBackground = "#5d0061";
+export const buttonPaletteTintPrimaryActiveText = "#ffffff";
+export const buttonPaletteTintPrimaryActiveTextDecoration = "none";
+export const buttonPaletteTintPrimaryActiveBorder = "#5d0061";
+export const buttonPaletteTintPrimaryHoverBackground = "#5d0061";
+export const buttonPaletteTintPrimaryHoverText = "#ffffff";
+export const buttonPaletteTintPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteTintPrimaryHoverBorder = "#5d0061";
+export const buttonPaletteTintSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteTintSecondaryDefaultText = "#ae0047";
+export const buttonPaletteTintSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteTintSecondaryDefaultBorder = "#710074";
+export const buttonPaletteTintSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteTintSecondaryActiveText = "#ae0047";
+export const buttonPaletteTintSecondaryActiveTextDecoration = "none";
+export const buttonPaletteTintSecondaryActiveBorder = "#5d0061";
+export const buttonPaletteTintSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteTintSecondaryHoverText = "#ae0047";
+export const buttonPaletteTintSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteTintSecondaryHoverBorder = "#5d0061";
+export const buttonPaletteAltPrimaryDefaultBackground = "#710074";
+export const buttonPaletteAltPrimaryDefaultText = "#ffffff";
+export const buttonPaletteAltPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteAltPrimaryDefaultBorder = "#710074";
+export const buttonPaletteAltPrimaryActiveBackground = "#5d0061";
+export const buttonPaletteAltPrimaryActiveText = "#ffffff";
+export const buttonPaletteAltPrimaryActiveTextDecoration = "none";
+export const buttonPaletteAltPrimaryActiveBorder = "#5d0061";
+export const buttonPaletteAltPrimaryHoverBackground = "#5d0061";
+export const buttonPaletteAltPrimaryHoverText = "#ffffff";
+export const buttonPaletteAltPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteAltPrimaryHoverBorder = "#5d0061";
+export const buttonPaletteAltSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteAltSecondaryDefaultText = "#ae0047";
+export const buttonPaletteAltSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteAltSecondaryDefaultBorder = "#710074";
+export const buttonPaletteAltSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteAltSecondaryActiveText = "#ae0047";
+export const buttonPaletteAltSecondaryActiveTextDecoration = "none";
+export const buttonPaletteAltSecondaryActiveBorder = "#5d0061";
+export const buttonPaletteAltSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteAltSecondaryHoverText = "#ae0047";
+export const buttonPaletteAltSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteAltSecondaryHoverBorder = "#5d0061";
+export const buttonPaletteBoldPrimaryDefaultBackground = "#ffffff";
+export const buttonPaletteBoldPrimaryDefaultText = "#2a2b2f";
+export const buttonPaletteBoldPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteBoldPrimaryDefaultBorder = "#ffffff";
+export const buttonPaletteBoldPrimaryActiveBackground = "#ffc85e";
+export const buttonPaletteBoldPrimaryActiveText = "#2a2b2f";
+export const buttonPaletteBoldPrimaryActiveTextDecoration = "none";
+export const buttonPaletteBoldPrimaryActiveBorder = "#ffc85e";
+export const buttonPaletteBoldPrimaryHoverBackground = "#ffc85e";
+export const buttonPaletteBoldPrimaryHoverText = "#2a2b2f";
+export const buttonPaletteBoldPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteBoldPrimaryHoverBorder = "#ffc85e";
+export const buttonPaletteBoldSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBoldSecondaryDefaultText = "#ffffff";
+export const buttonPaletteBoldSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteBoldSecondaryDefaultBorder = "#ffffff";
+export const buttonPaletteBoldSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBoldSecondaryActiveText = "#ffffff";
+export const buttonPaletteBoldSecondaryActiveTextDecoration = "none";
+export const buttonPaletteBoldSecondaryActiveBorder = "#ffc85e";
+export const buttonPaletteBoldSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteBoldSecondaryHoverText = "#ffffff";
+export const buttonPaletteBoldSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteBoldSecondaryHoverBorder = "#ffc85e";
+export const buttonPaletteStrongPrimaryDefaultBackground = "#ffffff";
+export const buttonPaletteStrongPrimaryDefaultText = "#2a2b2f";
+export const buttonPaletteStrongPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteStrongPrimaryDefaultBorder = "#ffffff";
+export const buttonPaletteStrongPrimaryActiveBackground = "#ffc85e";
+export const buttonPaletteStrongPrimaryActiveText = "#2a2b2f";
+export const buttonPaletteStrongPrimaryActiveTextDecoration = "none";
+export const buttonPaletteStrongPrimaryActiveBorder = "#ffc85e";
+export const buttonPaletteStrongPrimaryHoverBackground = "#ffc85e";
+export const buttonPaletteStrongPrimaryHoverText = "#2a2b2f";
+export const buttonPaletteStrongPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteStrongPrimaryHoverBorder = "#ffc85e";
+export const buttonPaletteStrongSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteStrongSecondaryDefaultText = "#ffffff";
+export const buttonPaletteStrongSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteStrongSecondaryDefaultBorder = "#ffffff";
+export const buttonPaletteStrongSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteStrongSecondaryActiveText = "#ffffff";
+export const buttonPaletteStrongSecondaryActiveTextDecoration = "none";
+export const buttonPaletteStrongSecondaryActiveBorder = "#ffc85e";
+export const buttonPaletteStrongSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteStrongSecondaryHoverText = "#ffffff";
+export const buttonPaletteStrongSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteStrongSecondaryHoverBorder = "#ffc85e";
+export const buttonPaletteDarkPrimaryDefaultBackground = "#ffffff";
+export const buttonPaletteDarkPrimaryDefaultText = "#2a2b2f";
+export const buttonPaletteDarkPrimaryDefaultTextDecoration = "none";
+export const buttonPaletteDarkPrimaryDefaultBorder = "#ffffff";
+export const buttonPaletteDarkPrimaryActiveBackground = "#ffc85e";
+export const buttonPaletteDarkPrimaryActiveText = "#2a2b2f";
+export const buttonPaletteDarkPrimaryActiveTextDecoration = "none";
+export const buttonPaletteDarkPrimaryActiveBorder = "#ffc85e";
+export const buttonPaletteDarkPrimaryHoverBackground = "#ffc85e";
+export const buttonPaletteDarkPrimaryHoverText = "#2a2b2f";
+export const buttonPaletteDarkPrimaryHoverTextDecoration = "underline";
+export const buttonPaletteDarkPrimaryHoverBorder = "#ffc85e";
+export const buttonPaletteDarkSecondaryDefaultBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteDarkSecondaryDefaultText = "#ffffff";
+export const buttonPaletteDarkSecondaryDefaultTextDecoration = "none";
+export const buttonPaletteDarkSecondaryDefaultBorder = "#ffffff";
+export const buttonPaletteDarkSecondaryActiveBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteDarkSecondaryActiveText = "#ffffff";
+export const buttonPaletteDarkSecondaryActiveTextDecoration = "none";
+export const buttonPaletteDarkSecondaryActiveBorder = "#ffc85e";
+export const buttonPaletteDarkSecondaryHoverBackground = "rgba(0, 0, 0, 0)";
+export const buttonPaletteDarkSecondaryHoverText = "#ffffff";
+export const buttonPaletteDarkSecondaryHoverTextDecoration = "underline";
+export const buttonPaletteDarkSecondaryHoverBorder = "#ffc85e";
diff --git a/src/js/card/card-campaign-saferqld-palette.js b/src/js/card/card-campaign-saferqld-palette.js
new file mode 100644
index 0000000..0f4a760
--- /dev/null
+++ b/src/js/card/card-campaign-saferqld-palette.js
@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const cardBackground = "#ffffff";
diff --git a/src/js/styles/qgds-campaign-saferqld-palette.js b/src/js/styles/qgds-campaign-saferqld-palette.js
new file mode 100644
index 0000000..21cd5b0
--- /dev/null
+++ b/src/js/styles/qgds-campaign-saferqld-palette.js
@@ -0,0 +1,628 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const themeColorBrandFirst = "#a7e5ff";
+export const themeColorBrandSecond = "#ffe500";
+export const themeColorBrandThird = "#a7e5ff";
+export const themeColorBrandFourth = "#a7e5ff";
+export const themeColorBackgroundBright = "#ffffff";
+export const themeColorBackgroundTint = "#ffecf2";
+export const themeColorBackgroundAlt = "#f5f5f5";
+export const themeColorBackgroundBold = "#710074";
+export const themeColorBackgroundStrong = "#2a2b2f";
+export const themeColorBackgroundDark = "#232323";
+export const themeColorActionOnLightsPrimaryDefaultColor = "#710074";
+export const themeColorActionOnLightsPrimaryDefaultText = "#ffffff";
+export const themeColorActionOnLightsPrimaryHoverColor = "#5d0061";
+export const themeColorActionOnLightsPrimaryHoverText = "#ffffff";
+export const themeColorActionOnLightsPrimaryActiveColor = "#5d0061";
+export const themeColorActionOnLightsPrimaryActiveText = "#ffffff";
+export const themeColorActionOnLightsSecondaryDefaultColor = "#710074";
+export const themeColorActionOnLightsSecondaryDefaultText = "#ae0047";
+export const themeColorActionOnLightsSecondaryHoverColor = "#5d0061";
+export const themeColorActionOnLightsSecondaryHoverText = "#ae0047";
+export const themeColorActionOnLightsSecondaryActiveColor = "#5d0061";
+export const themeColorActionOnLightsSecondaryActiveText = "#ae0047";
+export const themeColorActionOnDarksPrimaryDefaultColor = "#ffffff";
+export const themeColorActionOnDarksPrimaryDefaultText = "#2a2b2f";
+export const themeColorActionOnDarksPrimaryHoverColor = "#ffd27e";
+export const themeColorActionOnDarksPrimaryHoverText = "#2a2b2f";
+export const themeColorActionOnDarksPrimaryActiveColor = "#ffd27e";
+export const themeColorActionOnDarksPrimaryActiveText = "#2a2b2f";
+export const themeColorActionOnDarksSecondaryDefaultColor = "#ffffff";
+export const themeColorActionOnDarksSecondaryDefaultText = "#ffffff";
+export const themeColorActionOnDarksSecondaryHoverColor = "#ffd27e";
+export const themeColorActionOnDarksSecondaryHoverText = "#ffffff";
+export const themeColorActionOnDarksSecondaryActiveColor = "#ffd27e";
+export const themeColorActionOnDarksSecondaryActiveText = "#ffffff";
+export const themeColorWordingOnLightsSiteTitleDefault = "#232323";
+export const themeColorWordingOnLightsSiteTitleVariant = "#444444";
+export const themeColorWordingOnLightsHeadingDefault = "#36003c";
+export const themeColorWordingOnLightsHeadingVariant = "#818181";
+export const themeColorWordingOnLightsBodyDefault = "#232323";
+export const themeColorWordingOnLightsBodyVariant = "#444444";
+export const themeColorWordingOnDarksSiteTitleDefault = "#ffffff";
+export const themeColorWordingOnDarksSiteTitleVariant = "#fafafa";
+export const themeColorWordingOnDarksHeadingDefault = "#ffffff";
+export const themeColorWordingOnDarksHeadingVariant = "#fafafa";
+export const themeColorWordingOnDarksBodyDefault = "#ffffff";
+export const themeColorWordingOnDarksBodyVariant = "#ba89ba";
+export const themeColorReservedErrorDefault = "#e22339";
+export const themeColorReservedErrorLightest = "#ffeceb";
+export const themeColorReservedErrorLighter = "#ffe0dd";
+export const themeColorReservedErrorDarker = "#770000";
+export const themeColorReservedInformationDefault = "#0085b3";
+export const themeColorReservedInformationLightest = "#eaf3f8";
+export const themeColorReservedInformationLighter = "#dcebf3";
+export const themeColorReservedInformationDarker = "#00315a";
+export const themeColorReservedSuccessDefault = "#6bbe27";
+export const themeColorReservedSuccessLightest = "#f0f9ec";
+export const themeColorReservedSuccessLighter = "#e7f5df";
+export const themeColorReservedSuccessDarker = "#004f00";
+export const themeColorReservedAlertDefault = "#ffe500";
+export const themeColorReservedAlertLightest = "#fffdee";
+export const themeColorReservedAlertLighter = "#fffce3";
+export const themeColorReservedAlertDarker = "#705500";
+export const themeColorSyntaxBackground = "#232323";
+export const themeColorSyntaxValues = "#6bbe27";
+export const themeColorSyntaxElements = "#a7e5ff";
+export const themeColorSyntaxProperties = "#710074";
+export const themeColorSyntaxComments = "#c0d7ec";
+export const themeFocusOutlineWidth = "4px";
+export const themeFocusOutlineStyle = "solid";
+export const themeShadowsDefault = "#070707";
+export const paletteBrightBackground = "#ffffff";
+export const paletteBrightShade = "#f5f5f5";
+export const paletteBrightFocusOutlineColor = "#0085b3";
+export const paletteBrightBorderDefault = "#d0d0d2";
+export const paletteBrightBorderVariant = "#5d5e62";
+export const paletteBrightBoundary = "#ff0084";
+export const paletteBrightPartition = "#5d5e62";
+export const paletteBrightSeparator = "#d0d0d2";
+export const paletteBrightDivider = "#ae0047";
+export const paletteBrightFence = "#ff0084";
+export const paletteBrightLine = "#d0d0d2";
+export const paletteBrightMuted = "#f5f5f5";
+export const paletteBrightSubtle = "#e7e8e8";
+export const paletteBrightAccentDefault = "#ff0084";
+export const paletteBrightAccentOnAccent = "#5d0061";
+export const paletteBrightTypographySiteTitleDefault = "#232323";
+export const paletteBrightTypographySiteTitleVariant = "#444444";
+export const paletteBrightTypographyHeadingDefault = "#36003c";
+export const paletteBrightTypographyHeadingVariant = "#818181";
+export const paletteBrightTypographyBodyDefault = "#232323";
+export const paletteBrightTypographyBodyVariant = "#444444";
+export const paletteBrightActionNavMainDefaultBackground = "#f5f5f5";
+export const paletteBrightActionNavMainDefaultText = "#444444";
+export const paletteBrightActionNavMainDefaultTextDecoration = "none";
+export const paletteBrightActionNavMainDefaultAccent = "#ff0084";
+export const paletteBrightActionNavMainHoverBackground = "#e7e8e8";
+export const paletteBrightActionNavMainHoverText = "#ae0047";
+export const paletteBrightActionNavMainHoverTextDecoration = "underline";
+export const paletteBrightActionNavMainHoverAccent = "#5d0061";
+export const paletteBrightActionButtonPrimaryDefaultBackground = "#710074";
+export const paletteBrightActionButtonPrimaryDefaultText = "#ffffff";
+export const paletteBrightActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteBrightActionButtonPrimaryDefaultBorder = "#710074";
+export const paletteBrightActionButtonPrimaryHoverBackground = "#5d0061";
+export const paletteBrightActionButtonPrimaryHoverText = "#ffffff";
+export const paletteBrightActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteBrightActionButtonPrimaryHoverBorder = "#5d0061";
+export const paletteBrightActionButtonPrimaryActiveBackground = "#5d0061";
+export const paletteBrightActionButtonPrimaryActiveText = "#ffffff";
+export const paletteBrightActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteBrightActionButtonPrimaryActiveBorder = "#5d0061";
+export const paletteBrightActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBrightActionButtonSecondaryDefaultText = "#ae0047";
+export const paletteBrightActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteBrightActionButtonSecondaryDefaultBorder = "#710074";
+export const paletteBrightActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBrightActionButtonSecondaryHoverText = "#ae0047";
+export const paletteBrightActionButtonSecondaryHoverTextDecoration =
+ "underline";
+export const paletteBrightActionButtonSecondaryHoverBorder = "#5d0061";
+export const paletteBrightActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBrightActionButtonSecondaryActiveText = "#ae0047";
+export const paletteBrightActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteBrightActionButtonSecondaryActiveBorder = "#5d0061";
+export const paletteBrightActionLinkDefaultColor = "#ae0047";
+export const paletteBrightActionLinkDefaultTextDecorationColor =
+ "rgba(#ae0047, 0.8)";
+export const paletteBrightActionLinkDefaultTextDecorationLine = "underline";
+export const paletteBrightActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteBrightActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteBrightActionLinkHoverColor = "#87002b";
+export const paletteBrightActionLinkHoverTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteBrightActionLinkHoverTextDecorationLine = "underline";
+export const paletteBrightActionLinkHoverTextDecorationThickness = "2px";
+export const paletteBrightActionLinkHoverTextDecorationStyle = "solid";
+export const paletteBrightActionLinkActiveColor = "#87002b";
+export const paletteBrightActionLinkActiveTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteBrightActionLinkActiveTextDecorationLine = "underline";
+export const paletteBrightActionLinkActiveTextDecorationThickness = "2px";
+export const paletteBrightActionLinkActiveTextDecorationStyle = "solid";
+export const paletteBrightActionLinkVisitedColor = "#551a8b";
+export const paletteBrightActionLinkVisitedTextDecorationColor =
+ "rgba(#551a8b, 0.8)";
+export const paletteBrightActionLinkVisitedTextDecorationLine = "underline";
+export const paletteBrightActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteBrightActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteBrightActionPaginationDefaultBackground = "#ffffff";
+export const paletteBrightActionPaginationDefaultText = "#ae0047";
+export const paletteBrightActionPaginationDefaultBorder = "#a3a4a7";
+export const paletteBrightActionPaginationHoverBackground = "#ffffff";
+export const paletteBrightActionPaginationHoverText = "#ae0047";
+export const paletteBrightActionPaginationHoverBorder = "#710074";
+export const paletteBrightActionPaginationActiveBackground = "#710074";
+export const paletteBrightActionPaginationActiveText = "#ffffff";
+export const paletteBrightActionPaginationActiveBorder = "#710074";
+export const paletteBrightActionPaginationVisitedBackground = "#ffffff";
+export const paletteBrightActionPaginationVisitedText = "#551a8b";
+export const paletteBrightActionPaginationVisitedBorder = "#a3a4a7";
+export const paletteTintBackground = "#ffecf2";
+export const paletteTintShade = "#ffe0ea";
+export const paletteTintFocusOutlineColor = "#0085b3";
+export const paletteTintBorderDefault = "#f0b8c0";
+export const paletteTintBorderVariant = "#5d5e62";
+export const paletteTintBoundary = "#ff0084";
+export const paletteTintPartition = "#5d5e62";
+export const paletteTintSeparator = "#f0b8c0";
+export const paletteTintDivider = "#ae0047";
+export const paletteTintFence = "#ff0084";
+export const paletteTintLine = "#f0b8c0";
+export const paletteTintMuted = "#f5f5f5";
+export const paletteTintSubtle = "#e7e8e8";
+export const paletteTintAccentDefault = "#ff0084";
+export const paletteTintAccentOnAccent = "#5d0061";
+export const paletteTintTypographySiteTitleDefault = "#232323";
+export const paletteTintTypographySiteTitleVariant = "#444444";
+export const paletteTintTypographyHeadingDefault = "#36003c";
+export const paletteTintTypographyHeadingVariant = "#818181";
+export const paletteTintTypographyBodyDefault = "#232323";
+export const paletteTintTypographyBodyVariant = "#444444";
+export const paletteTintActionNavMainDefaultBackground = "#f5f5f5";
+export const paletteTintActionNavMainDefaultText = "#444444";
+export const paletteTintActionNavMainDefaultTextDecoration = "none";
+export const paletteTintActionNavMainDefaultAccent = "#ff0084";
+export const paletteTintActionNavMainHoverBackground = "#e7e8e8";
+export const paletteTintActionNavMainHoverText = "#ae0047";
+export const paletteTintActionNavMainHoverTextDecoration = "underline";
+export const paletteTintActionNavMainHoverAccent = "#5d0061";
+export const paletteTintActionButtonPrimaryDefaultBackground = "#710074";
+export const paletteTintActionButtonPrimaryDefaultText = "#ffffff";
+export const paletteTintActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteTintActionButtonPrimaryDefaultBorder = "#710074";
+export const paletteTintActionButtonPrimaryHoverBackground = "#5d0061";
+export const paletteTintActionButtonPrimaryHoverText = "#ffffff";
+export const paletteTintActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteTintActionButtonPrimaryHoverBorder = "#5d0061";
+export const paletteTintActionButtonPrimaryActiveBackground = "#5d0061";
+export const paletteTintActionButtonPrimaryActiveText = "#ffffff";
+export const paletteTintActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteTintActionButtonPrimaryActiveBorder = "#5d0061";
+export const paletteTintActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteTintActionButtonSecondaryDefaultText = "#ae0047";
+export const paletteTintActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteTintActionButtonSecondaryDefaultBorder = "#710074";
+export const paletteTintActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteTintActionButtonSecondaryHoverText = "#ae0047";
+export const paletteTintActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteTintActionButtonSecondaryHoverBorder = "#5d0061";
+export const paletteTintActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteTintActionButtonSecondaryActiveText = "#ae0047";
+export const paletteTintActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteTintActionButtonSecondaryActiveBorder = "#5d0061";
+export const paletteTintActionLinkDefaultColor = "#ae0047";
+export const paletteTintActionLinkDefaultTextDecorationColor =
+ "rgba(#ae0047, 0.8)";
+export const paletteTintActionLinkDefaultTextDecorationLine = "underline";
+export const paletteTintActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteTintActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteTintActionLinkHoverColor = "#87002b";
+export const paletteTintActionLinkHoverTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteTintActionLinkHoverTextDecorationLine = "underline";
+export const paletteTintActionLinkHoverTextDecorationThickness = "2px";
+export const paletteTintActionLinkHoverTextDecorationStyle = "solid";
+export const paletteTintActionLinkActiveColor = "#87002b";
+export const paletteTintActionLinkActiveTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteTintActionLinkActiveTextDecorationLine = "underline";
+export const paletteTintActionLinkActiveTextDecorationThickness = "2px";
+export const paletteTintActionLinkActiveTextDecorationStyle = "solid";
+export const paletteTintActionLinkVisitedColor = "#551a8b";
+export const paletteTintActionLinkVisitedTextDecorationColor =
+ "rgba(#551a8b, 0.8)";
+export const paletteTintActionLinkVisitedTextDecorationLine = "underline";
+export const paletteTintActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteTintActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteTintActionPaginationDefaultBackground = "#ffecf2";
+export const paletteTintActionPaginationDefaultText = "#ae0047";
+export const paletteTintActionPaginationDefaultBorder = "#a3a4a7";
+export const paletteTintActionPaginationHoverBackground = "#ffecf2";
+export const paletteTintActionPaginationHoverText = "#ae0047";
+export const paletteTintActionPaginationHoverBorder = "#710074";
+export const paletteTintActionPaginationActiveBackground = "#710074";
+export const paletteTintActionPaginationActiveText = "#ffffff";
+export const paletteTintActionPaginationActiveBorder = "#710074";
+export const paletteTintActionPaginationVisitedBackground = "#ffecf2";
+export const paletteTintActionPaginationVisitedText = "#551a8b";
+export const paletteTintActionPaginationVisitedBorder = "#a3a4a7";
+export const paletteAltBackground = "#e7e8e8";
+export const paletteAltShade = "#d0d0d2";
+export const paletteAltFocusOutlineColor = "#0085b3";
+export const paletteAltBorderDefault = "#a3a4a7";
+export const paletteAltBorderVariant = "#5d5e62";
+export const paletteAltBoundary = "#ff0084";
+export const paletteAltPartition = "#5d5e62";
+export const paletteAltSeparator = "#a3a4a7";
+export const paletteAltDivider = "#ae0047";
+export const paletteAltFence = "#ff0084";
+export const paletteAltLine = "#a3a4a7";
+export const paletteAltMuted = "#f5f5f5";
+export const paletteAltSubtle = "#e7e8e8";
+export const paletteAltAccentDefault = "#ff0084";
+export const paletteAltAccentOnAccent = "#5d0061";
+export const paletteAltTypographySiteTitleDefault = "#232323";
+export const paletteAltTypographySiteTitleVariant = "#444444";
+export const paletteAltTypographyHeadingDefault = "#36003c";
+export const paletteAltTypographyHeadingVariant = "#818181";
+export const paletteAltTypographyBodyDefault = "#232323";
+export const paletteAltTypographyBodyVariant = "#444444";
+export const paletteAltActionNavMainDefaultBackground = "#f5f5f5";
+export const paletteAltActionNavMainDefaultText = "#444444";
+export const paletteAltActionNavMainDefaultTextDecoration = "none";
+export const paletteAltActionNavMainDefaultAccent = "#ff0084";
+export const paletteAltActionNavMainHoverBackground = "#e7e8e8";
+export const paletteAltActionNavMainHoverText = "#ae0047";
+export const paletteAltActionNavMainHoverTextDecoration = "underline";
+export const paletteAltActionNavMainHoverAccent = "#5d0061";
+export const paletteAltActionButtonPrimaryDefaultBackground = "#710074";
+export const paletteAltActionButtonPrimaryDefaultText = "#ffffff";
+export const paletteAltActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteAltActionButtonPrimaryDefaultBorder = "#710074";
+export const paletteAltActionButtonPrimaryHoverBackground = "#5d0061";
+export const paletteAltActionButtonPrimaryHoverText = "#ffffff";
+export const paletteAltActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteAltActionButtonPrimaryHoverBorder = "#5d0061";
+export const paletteAltActionButtonPrimaryActiveBackground = "#5d0061";
+export const paletteAltActionButtonPrimaryActiveText = "#ffffff";
+export const paletteAltActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteAltActionButtonPrimaryActiveBorder = "#5d0061";
+export const paletteAltActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteAltActionButtonSecondaryDefaultText = "#ae0047";
+export const paletteAltActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteAltActionButtonSecondaryDefaultBorder = "#710074";
+export const paletteAltActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteAltActionButtonSecondaryHoverText = "#ae0047";
+export const paletteAltActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteAltActionButtonSecondaryHoverBorder = "#5d0061";
+export const paletteAltActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteAltActionButtonSecondaryActiveText = "#ae0047";
+export const paletteAltActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteAltActionButtonSecondaryActiveBorder = "#5d0061";
+export const paletteAltActionLinkDefaultColor = "#ae0047";
+export const paletteAltActionLinkDefaultTextDecorationColor =
+ "rgba(#ae0047, 0.8)";
+export const paletteAltActionLinkDefaultTextDecorationLine = "underline";
+export const paletteAltActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteAltActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteAltActionLinkHoverColor = "#87002b";
+export const paletteAltActionLinkHoverTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteAltActionLinkHoverTextDecorationLine = "underline";
+export const paletteAltActionLinkHoverTextDecorationThickness = "2px";
+export const paletteAltActionLinkHoverTextDecorationStyle = "solid";
+export const paletteAltActionLinkActiveColor = "#87002b";
+export const paletteAltActionLinkActiveTextDecorationColor =
+ "rgba(#87002b, 0.8)";
+export const paletteAltActionLinkActiveTextDecorationLine = "underline";
+export const paletteAltActionLinkActiveTextDecorationThickness = "2px";
+export const paletteAltActionLinkActiveTextDecorationStyle = "solid";
+export const paletteAltActionLinkVisitedColor = "#551a8b";
+export const paletteAltActionLinkVisitedTextDecorationColor =
+ "rgba(#551a8b, 0.8)";
+export const paletteAltActionLinkVisitedTextDecorationLine = "underline";
+export const paletteAltActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteAltActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteAltActionPaginationDefaultBackground = "#e7e8e8";
+export const paletteAltActionPaginationDefaultText = "#ae0047";
+export const paletteAltActionPaginationDefaultBorder = "#a3a4a7";
+export const paletteAltActionPaginationHoverBackground = "#e7e8e8";
+export const paletteAltActionPaginationHoverText = "#ae0047";
+export const paletteAltActionPaginationHoverBorder = "#710074";
+export const paletteAltActionPaginationActiveBackground = "#710074";
+export const paletteAltActionPaginationActiveText = "#ffffff";
+export const paletteAltActionPaginationActiveBorder = "#710074";
+export const paletteAltActionPaginationVisitedBackground = "#e7e8e8";
+export const paletteAltActionPaginationVisitedText = "#551a8b";
+export const paletteAltActionPaginationVisitedBorder = "#a3a4a7";
+export const paletteBoldBackground = "#710074";
+export const paletteBoldShade = "#5d0061";
+export const paletteBoldFocusOutlineColor = "#ffc0d4";
+export const paletteBoldBorderDefault = "#ff7dab";
+export const paletteBoldBorderVariant = "#ffa0c0";
+export const paletteBoldBoundary = "#ff0084";
+export const paletteBoldPartition = "#ffa0c0";
+export const paletteBoldSeparator = "#ff7dab";
+export const paletteBoldDivider = "#ffffff";
+export const paletteBoldFence = "#ff0084";
+export const paletteBoldLine = "#ffa0c0";
+export const paletteBoldMuted = "#5d0061";
+export const paletteBoldSubtle = "#2a2b2f";
+export const paletteBoldAccentDefault = "#ff0084";
+export const paletteBoldAccentOnAccent = "#ffc85e";
+export const paletteBoldTypographySiteTitleDefault = "#ffffff";
+export const paletteBoldTypographySiteTitleVariant = "#fafafa";
+export const paletteBoldTypographyHeadingDefault = "#ffffff";
+export const paletteBoldTypographyHeadingVariant = "#fafafa";
+export const paletteBoldTypographyBodyDefault = "#ffffff";
+export const paletteBoldTypographyBodyVariant = "#ba89ba";
+export const paletteBoldActionNavMainDefaultBackground = "#5d0061";
+export const paletteBoldActionNavMainDefaultText = "#ffffff";
+export const paletteBoldActionNavMainDefaultTextDecoration = "none";
+export const paletteBoldActionNavMainDefaultAccent = "#ff0084";
+export const paletteBoldActionNavMainHoverBackground = "#2a2b2f";
+export const paletteBoldActionNavMainHoverText = "#ffffff";
+export const paletteBoldActionNavMainHoverTextDecoration = "underline";
+export const paletteBoldActionNavMainHoverAccent = "#ffc85e";
+export const paletteBoldActionButtonPrimaryDefaultBackground = "#ffffff";
+export const paletteBoldActionButtonPrimaryDefaultText = "#2a2b2f";
+export const paletteBoldActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteBoldActionButtonPrimaryDefaultBorder = "#ffffff";
+export const paletteBoldActionButtonPrimaryHoverBackground = "#ffc85e";
+export const paletteBoldActionButtonPrimaryHoverText = "#2a2b2f";
+export const paletteBoldActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteBoldActionButtonPrimaryHoverBorder = "#ffc85e";
+export const paletteBoldActionButtonPrimaryActiveBackground = "#ffc85e";
+export const paletteBoldActionButtonPrimaryActiveText = "#2a2b2f";
+export const paletteBoldActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteBoldActionButtonPrimaryActiveBorder = "#ffc85e";
+export const paletteBoldActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBoldActionButtonSecondaryDefaultText = "#ffffff";
+export const paletteBoldActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteBoldActionButtonSecondaryDefaultBorder = "#ffffff";
+export const paletteBoldActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBoldActionButtonSecondaryHoverText = "#ffffff";
+export const paletteBoldActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteBoldActionButtonSecondaryHoverBorder = "#ffc85e";
+export const paletteBoldActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteBoldActionButtonSecondaryActiveText = "#ffffff";
+export const paletteBoldActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteBoldActionButtonSecondaryActiveBorder = "#ffc85e";
+export const paletteBoldActionLinkDefaultColor = "#ffffff";
+export const paletteBoldActionLinkDefaultTextDecorationColor =
+ "rgba(#ffffff, 0.8)";
+export const paletteBoldActionLinkDefaultTextDecorationLine = "underline";
+export const paletteBoldActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteBoldActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteBoldActionLinkHoverColor = "#ba89ba";
+export const paletteBoldActionLinkHoverTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteBoldActionLinkHoverTextDecorationLine = "underline";
+export const paletteBoldActionLinkHoverTextDecorationThickness = "2px";
+export const paletteBoldActionLinkHoverTextDecorationStyle = "solid";
+export const paletteBoldActionLinkActiveColor = "#ba89ba";
+export const paletteBoldActionLinkActiveTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteBoldActionLinkActiveTextDecorationLine = "underline";
+export const paletteBoldActionLinkActiveTextDecorationThickness = "2px";
+export const paletteBoldActionLinkActiveTextDecorationStyle = "solid";
+export const paletteBoldActionLinkVisitedColor = "#ffc0d4";
+export const paletteBoldActionLinkVisitedTextDecorationColor =
+ "rgba(#ffc0d4, 0.8)";
+export const paletteBoldActionLinkVisitedTextDecorationLine = "underline";
+export const paletteBoldActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteBoldActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteBoldActionPaginationDefaultBackground = "#710074";
+export const paletteBoldActionPaginationDefaultText = "#ffffff";
+export const paletteBoldActionPaginationDefaultBorder = "#ff7dab";
+export const paletteBoldActionPaginationHoverBackground = "#710074";
+export const paletteBoldActionPaginationHoverText = "#ffffff";
+export const paletteBoldActionPaginationHoverBorder = "#ffffff";
+export const paletteBoldActionPaginationActiveBackground = "#ffffff";
+export const paletteBoldActionPaginationActiveText = "#710074";
+export const paletteBoldActionPaginationActiveBorder = "#ffffff";
+export const paletteBoldActionPaginationVisitedBackground = "#710074";
+export const paletteBoldActionPaginationVisitedText = "#551a8b";
+export const paletteBoldActionPaginationVisitedBorder = "#d70065";
+export const paletteStrongBackground = "#2a2b2f";
+export const paletteStrongShade = "#131418";
+export const paletteStrongFocusOutlineColor = "#ffc0d4";
+export const paletteStrongBorderDefault = "#ff7dab";
+export const paletteStrongBorderVariant = "#ffa0c0";
+export const paletteStrongBoundary = "#ff0084";
+export const paletteStrongPartition = "#ffa0c0";
+export const paletteStrongSeparator = "#ff7dab";
+export const paletteStrongDivider = "#ffffff";
+export const paletteStrongFence = "#ff0084";
+export const paletteStrongLine = "#ffa0c0";
+export const paletteStrongMuted = "#5d0061";
+export const paletteStrongSubtle = "#2a2b2f";
+export const paletteStrongAccentDefault = "#ff0084";
+export const paletteStrongAccentOnAccent = "#ffc85e";
+export const paletteStrongTypographySiteTitleDefault = "#ffffff";
+export const paletteStrongTypographySiteTitleVariant = "#fafafa";
+export const paletteStrongTypographyHeadingDefault = "#ffffff";
+export const paletteStrongTypographyHeadingVariant = "#fafafa";
+export const paletteStrongTypographyBodyDefault = "#ffffff";
+export const paletteStrongTypographyBodyVariant = "#ba89ba";
+export const paletteStrongActionNavMainDefaultBackground = "#5d0061";
+export const paletteStrongActionNavMainDefaultText = "#ffffff";
+export const paletteStrongActionNavMainDefaultTextDecoration = "none";
+export const paletteStrongActionNavMainDefaultAccent = "#ff0084";
+export const paletteStrongActionNavMainHoverBackground = "#2a2b2f";
+export const paletteStrongActionNavMainHoverText = "#ffffff";
+export const paletteStrongActionNavMainHoverTextDecoration = "underline";
+export const paletteStrongActionNavMainHoverAccent = "#ffc85e";
+export const paletteStrongActionButtonPrimaryDefaultBackground = "#ffffff";
+export const paletteStrongActionButtonPrimaryDefaultText = "#2a2b2f";
+export const paletteStrongActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteStrongActionButtonPrimaryDefaultBorder = "#ffffff";
+export const paletteStrongActionButtonPrimaryHoverBackground = "#ffc85e";
+export const paletteStrongActionButtonPrimaryHoverText = "#2a2b2f";
+export const paletteStrongActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteStrongActionButtonPrimaryHoverBorder = "#ffc85e";
+export const paletteStrongActionButtonPrimaryActiveBackground = "#ffc85e";
+export const paletteStrongActionButtonPrimaryActiveText = "#2a2b2f";
+export const paletteStrongActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteStrongActionButtonPrimaryActiveBorder = "#ffc85e";
+export const paletteStrongActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteStrongActionButtonSecondaryDefaultText = "#ffffff";
+export const paletteStrongActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteStrongActionButtonSecondaryDefaultBorder = "#ffffff";
+export const paletteStrongActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteStrongActionButtonSecondaryHoverText = "#ffffff";
+export const paletteStrongActionButtonSecondaryHoverTextDecoration =
+ "underline";
+export const paletteStrongActionButtonSecondaryHoverBorder = "#ffc85e";
+export const paletteStrongActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteStrongActionButtonSecondaryActiveText = "#ffffff";
+export const paletteStrongActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteStrongActionButtonSecondaryActiveBorder = "#ffc85e";
+export const paletteStrongActionLinkDefaultColor = "#ffffff";
+export const paletteStrongActionLinkDefaultTextDecorationColor =
+ "rgba(#ffffff, 0.8)";
+export const paletteStrongActionLinkDefaultTextDecorationLine = "underline";
+export const paletteStrongActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteStrongActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteStrongActionLinkHoverColor = "#ba89ba";
+export const paletteStrongActionLinkHoverTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteStrongActionLinkHoverTextDecorationLine = "underline";
+export const paletteStrongActionLinkHoverTextDecorationThickness = "2px";
+export const paletteStrongActionLinkHoverTextDecorationStyle = "solid";
+export const paletteStrongActionLinkActiveColor = "#ba89ba";
+export const paletteStrongActionLinkActiveTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteStrongActionLinkActiveTextDecorationLine = "underline";
+export const paletteStrongActionLinkActiveTextDecorationThickness = "2px";
+export const paletteStrongActionLinkActiveTextDecorationStyle = "solid";
+export const paletteStrongActionLinkVisitedColor = "#ffc0d4";
+export const paletteStrongActionLinkVisitedTextDecorationColor =
+ "rgba(#ffc0d4, 0.8)";
+export const paletteStrongActionLinkVisitedTextDecorationLine = "underline";
+export const paletteStrongActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteStrongActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteStrongActionPaginationDefaultBackground = "#2a2b2f";
+export const paletteStrongActionPaginationDefaultText = "#ffffff";
+export const paletteStrongActionPaginationDefaultBorder = "#ff7dab";
+export const paletteStrongActionPaginationHoverBackground = "#2a2b2f";
+export const paletteStrongActionPaginationHoverText = "#ffffff";
+export const paletteStrongActionPaginationHoverBorder = "#ffffff";
+export const paletteStrongActionPaginationActiveBackground = "#ffffff";
+export const paletteStrongActionPaginationActiveText = "#2a2b2f";
+export const paletteStrongActionPaginationActiveBorder = "#ffffff";
+export const paletteStrongActionPaginationVisitedBackground = "#2a2b2f";
+export const paletteStrongActionPaginationVisitedText = "#551a8b";
+export const paletteStrongActionPaginationVisitedBorder = "#d70065";
+export const paletteDarkBackground = "#232323";
+export const paletteDarkShade = "#141414";
+export const paletteDarkFocusOutlineColor = "#ffc0d4";
+export const paletteDarkBorderDefault = "#ff7dab";
+export const paletteDarkBorderVariant = "#ffa0c0";
+export const paletteDarkBoundary = "#ff0084";
+export const paletteDarkPartition = "#ffa0c0";
+export const paletteDarkSeparator = "#ff7dab";
+export const paletteDarkDivider = "#ffffff";
+export const paletteDarkFence = "#ff0084";
+export const paletteDarkLine = "#ffa0c0";
+export const paletteDarkMuted = "#5d5e62";
+export const paletteDarkSubtle = "#2a2b2f";
+export const paletteDarkAccentDefault = "#ff0084";
+export const paletteDarkAccentOnAccent = "#ffc85e";
+export const paletteDarkTypographySiteTitleDefault = "#ffffff";
+export const paletteDarkTypographySiteTitleVariant = "#fafafa";
+export const paletteDarkTypographyHeadingDefault = "#ffffff";
+export const paletteDarkTypographyHeadingVariant = "#fafafa";
+export const paletteDarkTypographyBodyDefault = "#ffffff";
+export const paletteDarkTypographyBodyVariant = "#ba89ba";
+export const paletteDarkActionNavMainDefaultBackground = "#5d5e62";
+export const paletteDarkActionNavMainDefaultText = "#ffffff";
+export const paletteDarkActionNavMainDefaultTextDecoration = "none";
+export const paletteDarkActionNavMainDefaultAccent = "#ff0084";
+export const paletteDarkActionNavMainHoverBackground = "#2a2b2f";
+export const paletteDarkActionNavMainHoverText = "#ffffff";
+export const paletteDarkActionNavMainHoverTextDecoration = "underline";
+export const paletteDarkActionNavMainHoverAccent = "#ffc85e";
+export const paletteDarkActionButtonPrimaryDefaultBackground = "#ffffff";
+export const paletteDarkActionButtonPrimaryDefaultText = "#2a2b2f";
+export const paletteDarkActionButtonPrimaryDefaultTextDecoration = "none";
+export const paletteDarkActionButtonPrimaryDefaultBorder = "#ffffff";
+export const paletteDarkActionButtonPrimaryHoverBackground = "#ffc85e";
+export const paletteDarkActionButtonPrimaryHoverText = "#2a2b2f";
+export const paletteDarkActionButtonPrimaryHoverTextDecoration = "underline";
+export const paletteDarkActionButtonPrimaryHoverBorder = "#ffc85e";
+export const paletteDarkActionButtonPrimaryActiveBackground = "#ffc85e";
+export const paletteDarkActionButtonPrimaryActiveText = "#2a2b2f";
+export const paletteDarkActionButtonPrimaryActiveTextDecoration = "none";
+export const paletteDarkActionButtonPrimaryActiveBorder = "#ffc85e";
+export const paletteDarkActionButtonSecondaryDefaultBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteDarkActionButtonSecondaryDefaultText = "#ffffff";
+export const paletteDarkActionButtonSecondaryDefaultTextDecoration = "none";
+export const paletteDarkActionButtonSecondaryDefaultBorder = "#ffffff";
+export const paletteDarkActionButtonSecondaryHoverBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteDarkActionButtonSecondaryHoverText = "#ffffff";
+export const paletteDarkActionButtonSecondaryHoverTextDecoration = "underline";
+export const paletteDarkActionButtonSecondaryHoverBorder = "#ffc85e";
+export const paletteDarkActionButtonSecondaryActiveBackground =
+ "rgba(0, 0, 0, 0)";
+export const paletteDarkActionButtonSecondaryActiveText = "#ffffff";
+export const paletteDarkActionButtonSecondaryActiveTextDecoration = "none";
+export const paletteDarkActionButtonSecondaryActiveBorder = "#ffc85e";
+export const paletteDarkActionLinkDefaultColor = "#ffffff";
+export const paletteDarkActionLinkDefaultTextDecorationColor =
+ "rgba(#ffffff, 0.8)";
+export const paletteDarkActionLinkDefaultTextDecorationLine = "underline";
+export const paletteDarkActionLinkDefaultTextDecorationThickness = "0.5px";
+export const paletteDarkActionLinkDefaultTextDecorationStyle = "solid";
+export const paletteDarkActionLinkHoverColor = "#ba89ba";
+export const paletteDarkActionLinkHoverTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteDarkActionLinkHoverTextDecorationLine = "underline";
+export const paletteDarkActionLinkHoverTextDecorationThickness = "2px";
+export const paletteDarkActionLinkHoverTextDecorationStyle = "solid";
+export const paletteDarkActionLinkActiveColor = "#ba89ba";
+export const paletteDarkActionLinkActiveTextDecorationColor =
+ "rgba(#ba89ba, 0.8)";
+export const paletteDarkActionLinkActiveTextDecorationLine = "underline";
+export const paletteDarkActionLinkActiveTextDecorationThickness = "2px";
+export const paletteDarkActionLinkActiveTextDecorationStyle = "solid";
+export const paletteDarkActionLinkVisitedColor = "#ffc0d4";
+export const paletteDarkActionLinkVisitedTextDecorationColor =
+ "rgba(#ffc0d4, 0.8)";
+export const paletteDarkActionLinkVisitedTextDecorationLine = "underline";
+export const paletteDarkActionLinkVisitedTextDecorationThickness = "2px";
+export const paletteDarkActionLinkVisitedTextDecorationStyle = "solid";
+export const paletteDarkActionPaginationDefaultBackground = "#232323";
+export const paletteDarkActionPaginationDefaultText = "#ffffff";
+export const paletteDarkActionPaginationDefaultBorder = "#ff7dab";
+export const paletteDarkActionPaginationHoverBackground = "#232323";
+export const paletteDarkActionPaginationHoverText = "#ffffff";
+export const paletteDarkActionPaginationHoverBorder = "#ffffff";
+export const paletteDarkActionPaginationActiveBackground = "#ffffff";
+export const paletteDarkActionPaginationActiveText = "#232323";
+export const paletteDarkActionPaginationActiveBorder = "#ffffff";
+export const paletteDarkActionPaginationVisitedBackground = "#232323";
+export const paletteDarkActionPaginationVisitedText = "#551a8b";
+export const paletteDarkActionPaginationVisitedBorder = "#d70065";
diff --git a/src/scss/button/button-campaign-saferqld-palette.scss b/src/scss/button/button-campaign-saferqld-palette.scss
new file mode 100644
index 0000000..3d481ed
--- /dev/null
+++ b/src/scss/button/button-campaign-saferqld-palette.scss
@@ -0,0 +1,147 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$buttonPaletteBrightPrimaryDefaultBackground: #710074;
+$buttonPaletteBrightPrimaryDefaultText: #ffffff;
+$buttonPaletteBrightPrimaryDefaultTextDecoration: none;
+$buttonPaletteBrightPrimaryDefaultBorder: #710074;
+$buttonPaletteBrightPrimaryActiveBackground: #5d0061;
+$buttonPaletteBrightPrimaryActiveText: #ffffff;
+$buttonPaletteBrightPrimaryActiveTextDecoration: none;
+$buttonPaletteBrightPrimaryActiveBorder: #5d0061;
+$buttonPaletteBrightPrimaryHoverBackground: #5d0061;
+$buttonPaletteBrightPrimaryHoverText: #ffffff;
+$buttonPaletteBrightPrimaryHoverTextDecoration: underline;
+$buttonPaletteBrightPrimaryHoverBorder: #5d0061;
+$buttonPaletteBrightSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBrightSecondaryDefaultText: #ae0047;
+$buttonPaletteBrightSecondaryDefaultTextDecoration: none;
+$buttonPaletteBrightSecondaryDefaultBorder: #710074;
+$buttonPaletteBrightSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBrightSecondaryActiveText: #ae0047;
+$buttonPaletteBrightSecondaryActiveTextDecoration: none;
+$buttonPaletteBrightSecondaryActiveBorder: #5d0061;
+$buttonPaletteBrightSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBrightSecondaryHoverText: #ae0047;
+$buttonPaletteBrightSecondaryHoverTextDecoration: underline;
+$buttonPaletteBrightSecondaryHoverBorder: #5d0061;
+$buttonPaletteTintPrimaryDefaultBackground: #710074;
+$buttonPaletteTintPrimaryDefaultText: #ffffff;
+$buttonPaletteTintPrimaryDefaultTextDecoration: none;
+$buttonPaletteTintPrimaryDefaultBorder: #710074;
+$buttonPaletteTintPrimaryActiveBackground: #5d0061;
+$buttonPaletteTintPrimaryActiveText: #ffffff;
+$buttonPaletteTintPrimaryActiveTextDecoration: none;
+$buttonPaletteTintPrimaryActiveBorder: #5d0061;
+$buttonPaletteTintPrimaryHoverBackground: #5d0061;
+$buttonPaletteTintPrimaryHoverText: #ffffff;
+$buttonPaletteTintPrimaryHoverTextDecoration: underline;
+$buttonPaletteTintPrimaryHoverBorder: #5d0061;
+$buttonPaletteTintSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteTintSecondaryDefaultText: #ae0047;
+$buttonPaletteTintSecondaryDefaultTextDecoration: none;
+$buttonPaletteTintSecondaryDefaultBorder: #710074;
+$buttonPaletteTintSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteTintSecondaryActiveText: #ae0047;
+$buttonPaletteTintSecondaryActiveTextDecoration: none;
+$buttonPaletteTintSecondaryActiveBorder: #5d0061;
+$buttonPaletteTintSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteTintSecondaryHoverText: #ae0047;
+$buttonPaletteTintSecondaryHoverTextDecoration: underline;
+$buttonPaletteTintSecondaryHoverBorder: #5d0061;
+$buttonPaletteAltPrimaryDefaultBackground: #710074;
+$buttonPaletteAltPrimaryDefaultText: #ffffff;
+$buttonPaletteAltPrimaryDefaultTextDecoration: none;
+$buttonPaletteAltPrimaryDefaultBorder: #710074;
+$buttonPaletteAltPrimaryActiveBackground: #5d0061;
+$buttonPaletteAltPrimaryActiveText: #ffffff;
+$buttonPaletteAltPrimaryActiveTextDecoration: none;
+$buttonPaletteAltPrimaryActiveBorder: #5d0061;
+$buttonPaletteAltPrimaryHoverBackground: #5d0061;
+$buttonPaletteAltPrimaryHoverText: #ffffff;
+$buttonPaletteAltPrimaryHoverTextDecoration: underline;
+$buttonPaletteAltPrimaryHoverBorder: #5d0061;
+$buttonPaletteAltSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteAltSecondaryDefaultText: #ae0047;
+$buttonPaletteAltSecondaryDefaultTextDecoration: none;
+$buttonPaletteAltSecondaryDefaultBorder: #710074;
+$buttonPaletteAltSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteAltSecondaryActiveText: #ae0047;
+$buttonPaletteAltSecondaryActiveTextDecoration: none;
+$buttonPaletteAltSecondaryActiveBorder: #5d0061;
+$buttonPaletteAltSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteAltSecondaryHoverText: #ae0047;
+$buttonPaletteAltSecondaryHoverTextDecoration: underline;
+$buttonPaletteAltSecondaryHoverBorder: #5d0061;
+$buttonPaletteBoldPrimaryDefaultBackground: #ffffff;
+$buttonPaletteBoldPrimaryDefaultText: #2a2b2f;
+$buttonPaletteBoldPrimaryDefaultTextDecoration: none;
+$buttonPaletteBoldPrimaryDefaultBorder: #ffffff;
+$buttonPaletteBoldPrimaryActiveBackground: #ffc85e;
+$buttonPaletteBoldPrimaryActiveText: #2a2b2f;
+$buttonPaletteBoldPrimaryActiveTextDecoration: none;
+$buttonPaletteBoldPrimaryActiveBorder: #ffc85e;
+$buttonPaletteBoldPrimaryHoverBackground: #ffc85e;
+$buttonPaletteBoldPrimaryHoverText: #2a2b2f;
+$buttonPaletteBoldPrimaryHoverTextDecoration: underline;
+$buttonPaletteBoldPrimaryHoverBorder: #ffc85e;
+$buttonPaletteBoldSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBoldSecondaryDefaultText: #ffffff;
+$buttonPaletteBoldSecondaryDefaultTextDecoration: none;
+$buttonPaletteBoldSecondaryDefaultBorder: #ffffff;
+$buttonPaletteBoldSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBoldSecondaryActiveText: #ffffff;
+$buttonPaletteBoldSecondaryActiveTextDecoration: none;
+$buttonPaletteBoldSecondaryActiveBorder: #ffc85e;
+$buttonPaletteBoldSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteBoldSecondaryHoverText: #ffffff;
+$buttonPaletteBoldSecondaryHoverTextDecoration: underline;
+$buttonPaletteBoldSecondaryHoverBorder: #ffc85e;
+$buttonPaletteStrongPrimaryDefaultBackground: #ffffff;
+$buttonPaletteStrongPrimaryDefaultText: #2a2b2f;
+$buttonPaletteStrongPrimaryDefaultTextDecoration: none;
+$buttonPaletteStrongPrimaryDefaultBorder: #ffffff;
+$buttonPaletteStrongPrimaryActiveBackground: #ffc85e;
+$buttonPaletteStrongPrimaryActiveText: #2a2b2f;
+$buttonPaletteStrongPrimaryActiveTextDecoration: none;
+$buttonPaletteStrongPrimaryActiveBorder: #ffc85e;
+$buttonPaletteStrongPrimaryHoverBackground: #ffc85e;
+$buttonPaletteStrongPrimaryHoverText: #2a2b2f;
+$buttonPaletteStrongPrimaryHoverTextDecoration: underline;
+$buttonPaletteStrongPrimaryHoverBorder: #ffc85e;
+$buttonPaletteStrongSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteStrongSecondaryDefaultText: #ffffff;
+$buttonPaletteStrongSecondaryDefaultTextDecoration: none;
+$buttonPaletteStrongSecondaryDefaultBorder: #ffffff;
+$buttonPaletteStrongSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteStrongSecondaryActiveText: #ffffff;
+$buttonPaletteStrongSecondaryActiveTextDecoration: none;
+$buttonPaletteStrongSecondaryActiveBorder: #ffc85e;
+$buttonPaletteStrongSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteStrongSecondaryHoverText: #ffffff;
+$buttonPaletteStrongSecondaryHoverTextDecoration: underline;
+$buttonPaletteStrongSecondaryHoverBorder: #ffc85e;
+$buttonPaletteDarkPrimaryDefaultBackground: #ffffff;
+$buttonPaletteDarkPrimaryDefaultText: #2a2b2f;
+$buttonPaletteDarkPrimaryDefaultTextDecoration: none;
+$buttonPaletteDarkPrimaryDefaultBorder: #ffffff;
+$buttonPaletteDarkPrimaryActiveBackground: #ffc85e;
+$buttonPaletteDarkPrimaryActiveText: #2a2b2f;
+$buttonPaletteDarkPrimaryActiveTextDecoration: none;
+$buttonPaletteDarkPrimaryActiveBorder: #ffc85e;
+$buttonPaletteDarkPrimaryHoverBackground: #ffc85e;
+$buttonPaletteDarkPrimaryHoverText: #2a2b2f;
+$buttonPaletteDarkPrimaryHoverTextDecoration: underline;
+$buttonPaletteDarkPrimaryHoverBorder: #ffc85e;
+$buttonPaletteDarkSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$buttonPaletteDarkSecondaryDefaultText: #ffffff;
+$buttonPaletteDarkSecondaryDefaultTextDecoration: none;
+$buttonPaletteDarkSecondaryDefaultBorder: #ffffff;
+$buttonPaletteDarkSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$buttonPaletteDarkSecondaryActiveText: #ffffff;
+$buttonPaletteDarkSecondaryActiveTextDecoration: none;
+$buttonPaletteDarkSecondaryActiveBorder: #ffc85e;
+$buttonPaletteDarkSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$buttonPaletteDarkSecondaryHoverText: #ffffff;
+$buttonPaletteDarkSecondaryHoverTextDecoration: underline;
+$buttonPaletteDarkSecondaryHoverBorder: #ffc85e;
diff --git a/src/scss/card/card-campaign-saferqld-palette.scss b/src/scss/card/card-campaign-saferqld-palette.scss
new file mode 100644
index 0000000..2dad54e
--- /dev/null
+++ b/src/scss/card/card-campaign-saferqld-palette.scss
@@ -0,0 +1,4 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$cardBackground: #ffffff;
diff --git a/src/scss/styles/qgds-campaign-saferqld-palette.scss b/src/scss/styles/qgds-campaign-saferqld-palette.scss
new file mode 100644
index 0000000..5c7ef39
--- /dev/null
+++ b/src/scss/styles/qgds-campaign-saferqld-palette.scss
@@ -0,0 +1,583 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$themeColorBrandFirst: #a7e5ff;
+$themeColorBrandSecond: #ffe500;
+$themeColorBrandThird: #a7e5ff;
+$themeColorBrandFourth: #a7e5ff;
+$themeColorBackgroundBright: #ffffff;
+$themeColorBackgroundTint: #ffecf2;
+$themeColorBackgroundAlt: #f5f5f5;
+$themeColorBackgroundBold: #710074;
+$themeColorBackgroundStrong: #2a2b2f;
+$themeColorBackgroundDark: #232323;
+$themeColorActionOnLightsPrimaryDefaultColor: #710074;
+$themeColorActionOnLightsPrimaryDefaultText: #ffffff;
+$themeColorActionOnLightsPrimaryHoverColor: #5d0061;
+$themeColorActionOnLightsPrimaryHoverText: #ffffff;
+$themeColorActionOnLightsPrimaryActiveColor: #5d0061;
+$themeColorActionOnLightsPrimaryActiveText: #ffffff;
+$themeColorActionOnLightsSecondaryDefaultColor: #710074;
+$themeColorActionOnLightsSecondaryDefaultText: #ae0047;
+$themeColorActionOnLightsSecondaryHoverColor: #5d0061;
+$themeColorActionOnLightsSecondaryHoverText: #ae0047;
+$themeColorActionOnLightsSecondaryActiveColor: #5d0061;
+$themeColorActionOnLightsSecondaryActiveText: #ae0047;
+$themeColorActionOnDarksPrimaryDefaultColor: #ffffff;
+$themeColorActionOnDarksPrimaryDefaultText: #2a2b2f;
+$themeColorActionOnDarksPrimaryHoverColor: #ffd27e;
+$themeColorActionOnDarksPrimaryHoverText: #2a2b2f;
+$themeColorActionOnDarksPrimaryActiveColor: #ffd27e;
+$themeColorActionOnDarksPrimaryActiveText: #2a2b2f;
+$themeColorActionOnDarksSecondaryDefaultColor: #ffffff;
+$themeColorActionOnDarksSecondaryDefaultText: #ffffff;
+$themeColorActionOnDarksSecondaryHoverColor: #ffd27e;
+$themeColorActionOnDarksSecondaryHoverText: #ffffff;
+$themeColorActionOnDarksSecondaryActiveColor: #ffd27e;
+$themeColorActionOnDarksSecondaryActiveText: #ffffff;
+$themeColorWordingOnLightsSiteTitleDefault: #232323;
+$themeColorWordingOnLightsSiteTitleVariant: #444444;
+$themeColorWordingOnLightsHeadingDefault: #36003c;
+$themeColorWordingOnLightsHeadingVariant: #818181;
+$themeColorWordingOnLightsBodyDefault: #232323;
+$themeColorWordingOnLightsBodyVariant: #444444;
+$themeColorWordingOnDarksSiteTitleDefault: #ffffff;
+$themeColorWordingOnDarksSiteTitleVariant: #fafafa;
+$themeColorWordingOnDarksHeadingDefault: #ffffff;
+$themeColorWordingOnDarksHeadingVariant: #fafafa;
+$themeColorWordingOnDarksBodyDefault: #ffffff;
+$themeColorWordingOnDarksBodyVariant: #ba89ba;
+$themeColorReservedErrorDefault: #e22339;
+$themeColorReservedErrorLightest: #ffeceb;
+$themeColorReservedErrorLighter: #ffe0dd;
+$themeColorReservedErrorDarker: #770000;
+$themeColorReservedInformationDefault: #0085b3;
+$themeColorReservedInformationLightest: #eaf3f8;
+$themeColorReservedInformationLighter: #dcebf3;
+$themeColorReservedInformationDarker: #00315a;
+$themeColorReservedSuccessDefault: #6bbe27;
+$themeColorReservedSuccessLightest: #f0f9ec;
+$themeColorReservedSuccessLighter: #e7f5df;
+$themeColorReservedSuccessDarker: #004f00;
+$themeColorReservedAlertDefault: #ffe500;
+$themeColorReservedAlertLightest: #fffdee;
+$themeColorReservedAlertLighter: #fffce3;
+$themeColorReservedAlertDarker: #705500;
+$themeColorSyntaxBackground: #232323;
+$themeColorSyntaxValues: #6bbe27;
+$themeColorSyntaxElements: #a7e5ff;
+$themeColorSyntaxProperties: #710074;
+$themeColorSyntaxComments: #c0d7ec;
+$themeFocusOutlineWidth: 4px;
+$themeFocusOutlineStyle: solid;
+$themeShadowsDefault: #070707;
+$paletteBrightBackground: #ffffff;
+$paletteBrightShade: #f5f5f5;
+$paletteBrightFocusOutlineColor: #0085b3;
+$paletteBrightBorderDefault: #d0d0d2;
+$paletteBrightBorderVariant: #5d5e62;
+$paletteBrightBoundary: #ff0084;
+$paletteBrightPartition: #5d5e62;
+$paletteBrightSeparator: #d0d0d2;
+$paletteBrightDivider: #ae0047;
+$paletteBrightFence: #ff0084;
+$paletteBrightLine: #d0d0d2;
+$paletteBrightMuted: #f5f5f5;
+$paletteBrightSubtle: #e7e8e8;
+$paletteBrightAccentDefault: #ff0084;
+$paletteBrightAccentOnAccent: #5d0061;
+$paletteBrightTypographySiteTitleDefault: #232323;
+$paletteBrightTypographySiteTitleVariant: #444444;
+$paletteBrightTypographyHeadingDefault: #36003c;
+$paletteBrightTypographyHeadingVariant: #818181;
+$paletteBrightTypographyBodyDefault: #232323;
+$paletteBrightTypographyBodyVariant: #444444;
+$paletteBrightActionNavMainDefaultBackground: #f5f5f5;
+$paletteBrightActionNavMainDefaultText: #444444;
+$paletteBrightActionNavMainDefaultTextDecoration: none;
+$paletteBrightActionNavMainDefaultAccent: #ff0084;
+$paletteBrightActionNavMainHoverBackground: #e7e8e8;
+$paletteBrightActionNavMainHoverText: #ae0047;
+$paletteBrightActionNavMainHoverTextDecoration: underline;
+$paletteBrightActionNavMainHoverAccent: #5d0061;
+$paletteBrightActionButtonPrimaryDefaultBackground: #710074;
+$paletteBrightActionButtonPrimaryDefaultText: #ffffff;
+$paletteBrightActionButtonPrimaryDefaultTextDecoration: none;
+$paletteBrightActionButtonPrimaryDefaultBorder: #710074;
+$paletteBrightActionButtonPrimaryHoverBackground: #5d0061;
+$paletteBrightActionButtonPrimaryHoverText: #ffffff;
+$paletteBrightActionButtonPrimaryHoverTextDecoration: underline;
+$paletteBrightActionButtonPrimaryHoverBorder: #5d0061;
+$paletteBrightActionButtonPrimaryActiveBackground: #5d0061;
+$paletteBrightActionButtonPrimaryActiveText: #ffffff;
+$paletteBrightActionButtonPrimaryActiveTextDecoration: none;
+$paletteBrightActionButtonPrimaryActiveBorder: #5d0061;
+$paletteBrightActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteBrightActionButtonSecondaryDefaultText: #ae0047;
+$paletteBrightActionButtonSecondaryDefaultTextDecoration: none;
+$paletteBrightActionButtonSecondaryDefaultBorder: #710074;
+$paletteBrightActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteBrightActionButtonSecondaryHoverText: #ae0047;
+$paletteBrightActionButtonSecondaryHoverTextDecoration: underline;
+$paletteBrightActionButtonSecondaryHoverBorder: #5d0061;
+$paletteBrightActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteBrightActionButtonSecondaryActiveText: #ae0047;
+$paletteBrightActionButtonSecondaryActiveTextDecoration: none;
+$paletteBrightActionButtonSecondaryActiveBorder: #5d0061;
+$paletteBrightActionLinkDefaultColor: #ae0047;
+$paletteBrightActionLinkDefaultTextDecorationColor: rgba(#ae0047, 0.8);
+$paletteBrightActionLinkDefaultTextDecorationLine: underline;
+$paletteBrightActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteBrightActionLinkDefaultTextDecorationStyle: solid;
+$paletteBrightActionLinkHoverColor: #87002b;
+$paletteBrightActionLinkHoverTextDecorationColor: rgba(#87002b, 0.8);
+$paletteBrightActionLinkHoverTextDecorationLine: underline;
+$paletteBrightActionLinkHoverTextDecorationThickness: 2px;
+$paletteBrightActionLinkHoverTextDecorationStyle: solid;
+$paletteBrightActionLinkActiveColor: #87002b;
+$paletteBrightActionLinkActiveTextDecorationColor: rgba(#87002b, 0.8);
+$paletteBrightActionLinkActiveTextDecorationLine: underline;
+$paletteBrightActionLinkActiveTextDecorationThickness: 2px;
+$paletteBrightActionLinkActiveTextDecorationStyle: solid;
+$paletteBrightActionLinkVisitedColor: #551a8b;
+$paletteBrightActionLinkVisitedTextDecorationColor: rgba(#551a8b, 0.8);
+$paletteBrightActionLinkVisitedTextDecorationLine: underline;
+$paletteBrightActionLinkVisitedTextDecorationThickness: 2px;
+$paletteBrightActionLinkVisitedTextDecorationStyle: solid;
+$paletteBrightActionPaginationDefaultBackground: #ffffff;
+$paletteBrightActionPaginationDefaultText: #ae0047;
+$paletteBrightActionPaginationDefaultBorder: #a3a4a7;
+$paletteBrightActionPaginationHoverBackground: #ffffff;
+$paletteBrightActionPaginationHoverText: #ae0047;
+$paletteBrightActionPaginationHoverBorder: #710074;
+$paletteBrightActionPaginationActiveBackground: #710074;
+$paletteBrightActionPaginationActiveText: #ffffff;
+$paletteBrightActionPaginationActiveBorder: #710074;
+$paletteBrightActionPaginationVisitedBackground: #ffffff;
+$paletteBrightActionPaginationVisitedText: #551a8b;
+$paletteBrightActionPaginationVisitedBorder: #a3a4a7;
+$paletteTintBackground: #ffecf2;
+$paletteTintShade: #ffe0ea;
+$paletteTintFocusOutlineColor: #0085b3;
+$paletteTintBorderDefault: #f0b8c0;
+$paletteTintBorderVariant: #5d5e62;
+$paletteTintBoundary: #ff0084;
+$paletteTintPartition: #5d5e62;
+$paletteTintSeparator: #f0b8c0;
+$paletteTintDivider: #ae0047;
+$paletteTintFence: #ff0084;
+$paletteTintLine: #f0b8c0;
+$paletteTintMuted: #f5f5f5;
+$paletteTintSubtle: #e7e8e8;
+$paletteTintAccentDefault: #ff0084;
+$paletteTintAccentOnAccent: #5d0061;
+$paletteTintTypographySiteTitleDefault: #232323;
+$paletteTintTypographySiteTitleVariant: #444444;
+$paletteTintTypographyHeadingDefault: #36003c;
+$paletteTintTypographyHeadingVariant: #818181;
+$paletteTintTypographyBodyDefault: #232323;
+$paletteTintTypographyBodyVariant: #444444;
+$paletteTintActionNavMainDefaultBackground: #f5f5f5;
+$paletteTintActionNavMainDefaultText: #444444;
+$paletteTintActionNavMainDefaultTextDecoration: none;
+$paletteTintActionNavMainDefaultAccent: #ff0084;
+$paletteTintActionNavMainHoverBackground: #e7e8e8;
+$paletteTintActionNavMainHoverText: #ae0047;
+$paletteTintActionNavMainHoverTextDecoration: underline;
+$paletteTintActionNavMainHoverAccent: #5d0061;
+$paletteTintActionButtonPrimaryDefaultBackground: #710074;
+$paletteTintActionButtonPrimaryDefaultText: #ffffff;
+$paletteTintActionButtonPrimaryDefaultTextDecoration: none;
+$paletteTintActionButtonPrimaryDefaultBorder: #710074;
+$paletteTintActionButtonPrimaryHoverBackground: #5d0061;
+$paletteTintActionButtonPrimaryHoverText: #ffffff;
+$paletteTintActionButtonPrimaryHoverTextDecoration: underline;
+$paletteTintActionButtonPrimaryHoverBorder: #5d0061;
+$paletteTintActionButtonPrimaryActiveBackground: #5d0061;
+$paletteTintActionButtonPrimaryActiveText: #ffffff;
+$paletteTintActionButtonPrimaryActiveTextDecoration: none;
+$paletteTintActionButtonPrimaryActiveBorder: #5d0061;
+$paletteTintActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteTintActionButtonSecondaryDefaultText: #ae0047;
+$paletteTintActionButtonSecondaryDefaultTextDecoration: none;
+$paletteTintActionButtonSecondaryDefaultBorder: #710074;
+$paletteTintActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteTintActionButtonSecondaryHoverText: #ae0047;
+$paletteTintActionButtonSecondaryHoverTextDecoration: underline;
+$paletteTintActionButtonSecondaryHoverBorder: #5d0061;
+$paletteTintActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteTintActionButtonSecondaryActiveText: #ae0047;
+$paletteTintActionButtonSecondaryActiveTextDecoration: none;
+$paletteTintActionButtonSecondaryActiveBorder: #5d0061;
+$paletteTintActionLinkDefaultColor: #ae0047;
+$paletteTintActionLinkDefaultTextDecorationColor: rgba(#ae0047, 0.8);
+$paletteTintActionLinkDefaultTextDecorationLine: underline;
+$paletteTintActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteTintActionLinkDefaultTextDecorationStyle: solid;
+$paletteTintActionLinkHoverColor: #87002b;
+$paletteTintActionLinkHoverTextDecorationColor: rgba(#87002b, 0.8);
+$paletteTintActionLinkHoverTextDecorationLine: underline;
+$paletteTintActionLinkHoverTextDecorationThickness: 2px;
+$paletteTintActionLinkHoverTextDecorationStyle: solid;
+$paletteTintActionLinkActiveColor: #87002b;
+$paletteTintActionLinkActiveTextDecorationColor: rgba(#87002b, 0.8);
+$paletteTintActionLinkActiveTextDecorationLine: underline;
+$paletteTintActionLinkActiveTextDecorationThickness: 2px;
+$paletteTintActionLinkActiveTextDecorationStyle: solid;
+$paletteTintActionLinkVisitedColor: #551a8b;
+$paletteTintActionLinkVisitedTextDecorationColor: rgba(#551a8b, 0.8);
+$paletteTintActionLinkVisitedTextDecorationLine: underline;
+$paletteTintActionLinkVisitedTextDecorationThickness: 2px;
+$paletteTintActionLinkVisitedTextDecorationStyle: solid;
+$paletteTintActionPaginationDefaultBackground: #ffecf2;
+$paletteTintActionPaginationDefaultText: #ae0047;
+$paletteTintActionPaginationDefaultBorder: #a3a4a7;
+$paletteTintActionPaginationHoverBackground: #ffecf2;
+$paletteTintActionPaginationHoverText: #ae0047;
+$paletteTintActionPaginationHoverBorder: #710074;
+$paletteTintActionPaginationActiveBackground: #710074;
+$paletteTintActionPaginationActiveText: #ffffff;
+$paletteTintActionPaginationActiveBorder: #710074;
+$paletteTintActionPaginationVisitedBackground: #ffecf2;
+$paletteTintActionPaginationVisitedText: #551a8b;
+$paletteTintActionPaginationVisitedBorder: #a3a4a7;
+$paletteAltBackground: #e7e8e8;
+$paletteAltShade: #d0d0d2;
+$paletteAltFocusOutlineColor: #0085b3;
+$paletteAltBorderDefault: #a3a4a7;
+$paletteAltBorderVariant: #5d5e62;
+$paletteAltBoundary: #ff0084;
+$paletteAltPartition: #5d5e62;
+$paletteAltSeparator: #a3a4a7;
+$paletteAltDivider: #ae0047;
+$paletteAltFence: #ff0084;
+$paletteAltLine: #a3a4a7;
+$paletteAltMuted: #f5f5f5;
+$paletteAltSubtle: #e7e8e8;
+$paletteAltAccentDefault: #ff0084;
+$paletteAltAccentOnAccent: #5d0061;
+$paletteAltTypographySiteTitleDefault: #232323;
+$paletteAltTypographySiteTitleVariant: #444444;
+$paletteAltTypographyHeadingDefault: #36003c;
+$paletteAltTypographyHeadingVariant: #818181;
+$paletteAltTypographyBodyDefault: #232323;
+$paletteAltTypographyBodyVariant: #444444;
+$paletteAltActionNavMainDefaultBackground: #f5f5f5;
+$paletteAltActionNavMainDefaultText: #444444;
+$paletteAltActionNavMainDefaultTextDecoration: none;
+$paletteAltActionNavMainDefaultAccent: #ff0084;
+$paletteAltActionNavMainHoverBackground: #e7e8e8;
+$paletteAltActionNavMainHoverText: #ae0047;
+$paletteAltActionNavMainHoverTextDecoration: underline;
+$paletteAltActionNavMainHoverAccent: #5d0061;
+$paletteAltActionButtonPrimaryDefaultBackground: #710074;
+$paletteAltActionButtonPrimaryDefaultText: #ffffff;
+$paletteAltActionButtonPrimaryDefaultTextDecoration: none;
+$paletteAltActionButtonPrimaryDefaultBorder: #710074;
+$paletteAltActionButtonPrimaryHoverBackground: #5d0061;
+$paletteAltActionButtonPrimaryHoverText: #ffffff;
+$paletteAltActionButtonPrimaryHoverTextDecoration: underline;
+$paletteAltActionButtonPrimaryHoverBorder: #5d0061;
+$paletteAltActionButtonPrimaryActiveBackground: #5d0061;
+$paletteAltActionButtonPrimaryActiveText: #ffffff;
+$paletteAltActionButtonPrimaryActiveTextDecoration: none;
+$paletteAltActionButtonPrimaryActiveBorder: #5d0061;
+$paletteAltActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteAltActionButtonSecondaryDefaultText: #ae0047;
+$paletteAltActionButtonSecondaryDefaultTextDecoration: none;
+$paletteAltActionButtonSecondaryDefaultBorder: #710074;
+$paletteAltActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteAltActionButtonSecondaryHoverText: #ae0047;
+$paletteAltActionButtonSecondaryHoverTextDecoration: underline;
+$paletteAltActionButtonSecondaryHoverBorder: #5d0061;
+$paletteAltActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteAltActionButtonSecondaryActiveText: #ae0047;
+$paletteAltActionButtonSecondaryActiveTextDecoration: none;
+$paletteAltActionButtonSecondaryActiveBorder: #5d0061;
+$paletteAltActionLinkDefaultColor: #ae0047;
+$paletteAltActionLinkDefaultTextDecorationColor: rgba(#ae0047, 0.8);
+$paletteAltActionLinkDefaultTextDecorationLine: underline;
+$paletteAltActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteAltActionLinkDefaultTextDecorationStyle: solid;
+$paletteAltActionLinkHoverColor: #87002b;
+$paletteAltActionLinkHoverTextDecorationColor: rgba(#87002b, 0.8);
+$paletteAltActionLinkHoverTextDecorationLine: underline;
+$paletteAltActionLinkHoverTextDecorationThickness: 2px;
+$paletteAltActionLinkHoverTextDecorationStyle: solid;
+$paletteAltActionLinkActiveColor: #87002b;
+$paletteAltActionLinkActiveTextDecorationColor: rgba(#87002b, 0.8);
+$paletteAltActionLinkActiveTextDecorationLine: underline;
+$paletteAltActionLinkActiveTextDecorationThickness: 2px;
+$paletteAltActionLinkActiveTextDecorationStyle: solid;
+$paletteAltActionLinkVisitedColor: #551a8b;
+$paletteAltActionLinkVisitedTextDecorationColor: rgba(#551a8b, 0.8);
+$paletteAltActionLinkVisitedTextDecorationLine: underline;
+$paletteAltActionLinkVisitedTextDecorationThickness: 2px;
+$paletteAltActionLinkVisitedTextDecorationStyle: solid;
+$paletteAltActionPaginationDefaultBackground: #e7e8e8;
+$paletteAltActionPaginationDefaultText: #ae0047;
+$paletteAltActionPaginationDefaultBorder: #a3a4a7;
+$paletteAltActionPaginationHoverBackground: #e7e8e8;
+$paletteAltActionPaginationHoverText: #ae0047;
+$paletteAltActionPaginationHoverBorder: #710074;
+$paletteAltActionPaginationActiveBackground: #710074;
+$paletteAltActionPaginationActiveText: #ffffff;
+$paletteAltActionPaginationActiveBorder: #710074;
+$paletteAltActionPaginationVisitedBackground: #e7e8e8;
+$paletteAltActionPaginationVisitedText: #551a8b;
+$paletteAltActionPaginationVisitedBorder: #a3a4a7;
+$paletteBoldBackground: #710074;
+$paletteBoldShade: #5d0061;
+$paletteBoldFocusOutlineColor: #ffc0d4;
+$paletteBoldBorderDefault: #ff7dab;
+$paletteBoldBorderVariant: #ffa0c0;
+$paletteBoldBoundary: #ff0084;
+$paletteBoldPartition: #ffa0c0;
+$paletteBoldSeparator: #ff7dab;
+$paletteBoldDivider: #ffffff;
+$paletteBoldFence: #ff0084;
+$paletteBoldLine: #ffa0c0;
+$paletteBoldMuted: #5d0061;
+$paletteBoldSubtle: #2a2b2f;
+$paletteBoldAccentDefault: #ff0084;
+$paletteBoldAccentOnAccent: #ffc85e;
+$paletteBoldTypographySiteTitleDefault: #ffffff;
+$paletteBoldTypographySiteTitleVariant: #fafafa;
+$paletteBoldTypographyHeadingDefault: #ffffff;
+$paletteBoldTypographyHeadingVariant: #fafafa;
+$paletteBoldTypographyBodyDefault: #ffffff;
+$paletteBoldTypographyBodyVariant: #ba89ba;
+$paletteBoldActionNavMainDefaultBackground: #5d0061;
+$paletteBoldActionNavMainDefaultText: #ffffff;
+$paletteBoldActionNavMainDefaultTextDecoration: none;
+$paletteBoldActionNavMainDefaultAccent: #ff0084;
+$paletteBoldActionNavMainHoverBackground: #2a2b2f;
+$paletteBoldActionNavMainHoverText: #ffffff;
+$paletteBoldActionNavMainHoverTextDecoration: underline;
+$paletteBoldActionNavMainHoverAccent: #ffc85e;
+$paletteBoldActionButtonPrimaryDefaultBackground: #ffffff;
+$paletteBoldActionButtonPrimaryDefaultText: #2a2b2f;
+$paletteBoldActionButtonPrimaryDefaultTextDecoration: none;
+$paletteBoldActionButtonPrimaryDefaultBorder: #ffffff;
+$paletteBoldActionButtonPrimaryHoverBackground: #ffc85e;
+$paletteBoldActionButtonPrimaryHoverText: #2a2b2f;
+$paletteBoldActionButtonPrimaryHoverTextDecoration: underline;
+$paletteBoldActionButtonPrimaryHoverBorder: #ffc85e;
+$paletteBoldActionButtonPrimaryActiveBackground: #ffc85e;
+$paletteBoldActionButtonPrimaryActiveText: #2a2b2f;
+$paletteBoldActionButtonPrimaryActiveTextDecoration: none;
+$paletteBoldActionButtonPrimaryActiveBorder: #ffc85e;
+$paletteBoldActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteBoldActionButtonSecondaryDefaultText: #ffffff;
+$paletteBoldActionButtonSecondaryDefaultTextDecoration: none;
+$paletteBoldActionButtonSecondaryDefaultBorder: #ffffff;
+$paletteBoldActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteBoldActionButtonSecondaryHoverText: #ffffff;
+$paletteBoldActionButtonSecondaryHoverTextDecoration: underline;
+$paletteBoldActionButtonSecondaryHoverBorder: #ffc85e;
+$paletteBoldActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteBoldActionButtonSecondaryActiveText: #ffffff;
+$paletteBoldActionButtonSecondaryActiveTextDecoration: none;
+$paletteBoldActionButtonSecondaryActiveBorder: #ffc85e;
+$paletteBoldActionLinkDefaultColor: #ffffff;
+$paletteBoldActionLinkDefaultTextDecorationColor: rgba(#ffffff, 0.8);
+$paletteBoldActionLinkDefaultTextDecorationLine: underline;
+$paletteBoldActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteBoldActionLinkDefaultTextDecorationStyle: solid;
+$paletteBoldActionLinkHoverColor: #ba89ba;
+$paletteBoldActionLinkHoverTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteBoldActionLinkHoverTextDecorationLine: underline;
+$paletteBoldActionLinkHoverTextDecorationThickness: 2px;
+$paletteBoldActionLinkHoverTextDecorationStyle: solid;
+$paletteBoldActionLinkActiveColor: #ba89ba;
+$paletteBoldActionLinkActiveTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteBoldActionLinkActiveTextDecorationLine: underline;
+$paletteBoldActionLinkActiveTextDecorationThickness: 2px;
+$paletteBoldActionLinkActiveTextDecorationStyle: solid;
+$paletteBoldActionLinkVisitedColor: #ffc0d4;
+$paletteBoldActionLinkVisitedTextDecorationColor: rgba(#ffc0d4, 0.8);
+$paletteBoldActionLinkVisitedTextDecorationLine: underline;
+$paletteBoldActionLinkVisitedTextDecorationThickness: 2px;
+$paletteBoldActionLinkVisitedTextDecorationStyle: solid;
+$paletteBoldActionPaginationDefaultBackground: #710074;
+$paletteBoldActionPaginationDefaultText: #ffffff;
+$paletteBoldActionPaginationDefaultBorder: #ff7dab;
+$paletteBoldActionPaginationHoverBackground: #710074;
+$paletteBoldActionPaginationHoverText: #ffffff;
+$paletteBoldActionPaginationHoverBorder: #ffffff;
+$paletteBoldActionPaginationActiveBackground: #ffffff;
+$paletteBoldActionPaginationActiveText: #710074;
+$paletteBoldActionPaginationActiveBorder: #ffffff;
+$paletteBoldActionPaginationVisitedBackground: #710074;
+$paletteBoldActionPaginationVisitedText: #551a8b;
+$paletteBoldActionPaginationVisitedBorder: #d70065;
+$paletteStrongBackground: #2a2b2f;
+$paletteStrongShade: #131418;
+$paletteStrongFocusOutlineColor: #ffc0d4;
+$paletteStrongBorderDefault: #ff7dab;
+$paletteStrongBorderVariant: #ffa0c0;
+$paletteStrongBoundary: #ff0084;
+$paletteStrongPartition: #ffa0c0;
+$paletteStrongSeparator: #ff7dab;
+$paletteStrongDivider: #ffffff;
+$paletteStrongFence: #ff0084;
+$paletteStrongLine: #ffa0c0;
+$paletteStrongMuted: #5d0061;
+$paletteStrongSubtle: #2a2b2f;
+$paletteStrongAccentDefault: #ff0084;
+$paletteStrongAccentOnAccent: #ffc85e;
+$paletteStrongTypographySiteTitleDefault: #ffffff;
+$paletteStrongTypographySiteTitleVariant: #fafafa;
+$paletteStrongTypographyHeadingDefault: #ffffff;
+$paletteStrongTypographyHeadingVariant: #fafafa;
+$paletteStrongTypographyBodyDefault: #ffffff;
+$paletteStrongTypographyBodyVariant: #ba89ba;
+$paletteStrongActionNavMainDefaultBackground: #5d0061;
+$paletteStrongActionNavMainDefaultText: #ffffff;
+$paletteStrongActionNavMainDefaultTextDecoration: none;
+$paletteStrongActionNavMainDefaultAccent: #ff0084;
+$paletteStrongActionNavMainHoverBackground: #2a2b2f;
+$paletteStrongActionNavMainHoverText: #ffffff;
+$paletteStrongActionNavMainHoverTextDecoration: underline;
+$paletteStrongActionNavMainHoverAccent: #ffc85e;
+$paletteStrongActionButtonPrimaryDefaultBackground: #ffffff;
+$paletteStrongActionButtonPrimaryDefaultText: #2a2b2f;
+$paletteStrongActionButtonPrimaryDefaultTextDecoration: none;
+$paletteStrongActionButtonPrimaryDefaultBorder: #ffffff;
+$paletteStrongActionButtonPrimaryHoverBackground: #ffc85e;
+$paletteStrongActionButtonPrimaryHoverText: #2a2b2f;
+$paletteStrongActionButtonPrimaryHoverTextDecoration: underline;
+$paletteStrongActionButtonPrimaryHoverBorder: #ffc85e;
+$paletteStrongActionButtonPrimaryActiveBackground: #ffc85e;
+$paletteStrongActionButtonPrimaryActiveText: #2a2b2f;
+$paletteStrongActionButtonPrimaryActiveTextDecoration: none;
+$paletteStrongActionButtonPrimaryActiveBorder: #ffc85e;
+$paletteStrongActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteStrongActionButtonSecondaryDefaultText: #ffffff;
+$paletteStrongActionButtonSecondaryDefaultTextDecoration: none;
+$paletteStrongActionButtonSecondaryDefaultBorder: #ffffff;
+$paletteStrongActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteStrongActionButtonSecondaryHoverText: #ffffff;
+$paletteStrongActionButtonSecondaryHoverTextDecoration: underline;
+$paletteStrongActionButtonSecondaryHoverBorder: #ffc85e;
+$paletteStrongActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteStrongActionButtonSecondaryActiveText: #ffffff;
+$paletteStrongActionButtonSecondaryActiveTextDecoration: none;
+$paletteStrongActionButtonSecondaryActiveBorder: #ffc85e;
+$paletteStrongActionLinkDefaultColor: #ffffff;
+$paletteStrongActionLinkDefaultTextDecorationColor: rgba(#ffffff, 0.8);
+$paletteStrongActionLinkDefaultTextDecorationLine: underline;
+$paletteStrongActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteStrongActionLinkDefaultTextDecorationStyle: solid;
+$paletteStrongActionLinkHoverColor: #ba89ba;
+$paletteStrongActionLinkHoverTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteStrongActionLinkHoverTextDecorationLine: underline;
+$paletteStrongActionLinkHoverTextDecorationThickness: 2px;
+$paletteStrongActionLinkHoverTextDecorationStyle: solid;
+$paletteStrongActionLinkActiveColor: #ba89ba;
+$paletteStrongActionLinkActiveTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteStrongActionLinkActiveTextDecorationLine: underline;
+$paletteStrongActionLinkActiveTextDecorationThickness: 2px;
+$paletteStrongActionLinkActiveTextDecorationStyle: solid;
+$paletteStrongActionLinkVisitedColor: #ffc0d4;
+$paletteStrongActionLinkVisitedTextDecorationColor: rgba(#ffc0d4, 0.8);
+$paletteStrongActionLinkVisitedTextDecorationLine: underline;
+$paletteStrongActionLinkVisitedTextDecorationThickness: 2px;
+$paletteStrongActionLinkVisitedTextDecorationStyle: solid;
+$paletteStrongActionPaginationDefaultBackground: #2a2b2f;
+$paletteStrongActionPaginationDefaultText: #ffffff;
+$paletteStrongActionPaginationDefaultBorder: #ff7dab;
+$paletteStrongActionPaginationHoverBackground: #2a2b2f;
+$paletteStrongActionPaginationHoverText: #ffffff;
+$paletteStrongActionPaginationHoverBorder: #ffffff;
+$paletteStrongActionPaginationActiveBackground: #ffffff;
+$paletteStrongActionPaginationActiveText: #2a2b2f;
+$paletteStrongActionPaginationActiveBorder: #ffffff;
+$paletteStrongActionPaginationVisitedBackground: #2a2b2f;
+$paletteStrongActionPaginationVisitedText: #551a8b;
+$paletteStrongActionPaginationVisitedBorder: #d70065;
+$paletteDarkBackground: #232323;
+$paletteDarkShade: #141414;
+$paletteDarkFocusOutlineColor: #ffc0d4;
+$paletteDarkBorderDefault: #ff7dab;
+$paletteDarkBorderVariant: #ffa0c0;
+$paletteDarkBoundary: #ff0084;
+$paletteDarkPartition: #ffa0c0;
+$paletteDarkSeparator: #ff7dab;
+$paletteDarkDivider: #ffffff;
+$paletteDarkFence: #ff0084;
+$paletteDarkLine: #ffa0c0;
+$paletteDarkMuted: #5d5e62;
+$paletteDarkSubtle: #2a2b2f;
+$paletteDarkAccentDefault: #ff0084;
+$paletteDarkAccentOnAccent: #ffc85e;
+$paletteDarkTypographySiteTitleDefault: #ffffff;
+$paletteDarkTypographySiteTitleVariant: #fafafa;
+$paletteDarkTypographyHeadingDefault: #ffffff;
+$paletteDarkTypographyHeadingVariant: #fafafa;
+$paletteDarkTypographyBodyDefault: #ffffff;
+$paletteDarkTypographyBodyVariant: #ba89ba;
+$paletteDarkActionNavMainDefaultBackground: #5d5e62;
+$paletteDarkActionNavMainDefaultText: #ffffff;
+$paletteDarkActionNavMainDefaultTextDecoration: none;
+$paletteDarkActionNavMainDefaultAccent: #ff0084;
+$paletteDarkActionNavMainHoverBackground: #2a2b2f;
+$paletteDarkActionNavMainHoverText: #ffffff;
+$paletteDarkActionNavMainHoverTextDecoration: underline;
+$paletteDarkActionNavMainHoverAccent: #ffc85e;
+$paletteDarkActionButtonPrimaryDefaultBackground: #ffffff;
+$paletteDarkActionButtonPrimaryDefaultText: #2a2b2f;
+$paletteDarkActionButtonPrimaryDefaultTextDecoration: none;
+$paletteDarkActionButtonPrimaryDefaultBorder: #ffffff;
+$paletteDarkActionButtonPrimaryHoverBackground: #ffc85e;
+$paletteDarkActionButtonPrimaryHoverText: #2a2b2f;
+$paletteDarkActionButtonPrimaryHoverTextDecoration: underline;
+$paletteDarkActionButtonPrimaryHoverBorder: #ffc85e;
+$paletteDarkActionButtonPrimaryActiveBackground: #ffc85e;
+$paletteDarkActionButtonPrimaryActiveText: #2a2b2f;
+$paletteDarkActionButtonPrimaryActiveTextDecoration: none;
+$paletteDarkActionButtonPrimaryActiveBorder: #ffc85e;
+$paletteDarkActionButtonSecondaryDefaultBackground: rgba(0, 0, 0, 0);
+$paletteDarkActionButtonSecondaryDefaultText: #ffffff;
+$paletteDarkActionButtonSecondaryDefaultTextDecoration: none;
+$paletteDarkActionButtonSecondaryDefaultBorder: #ffffff;
+$paletteDarkActionButtonSecondaryHoverBackground: rgba(0, 0, 0, 0);
+$paletteDarkActionButtonSecondaryHoverText: #ffffff;
+$paletteDarkActionButtonSecondaryHoverTextDecoration: underline;
+$paletteDarkActionButtonSecondaryHoverBorder: #ffc85e;
+$paletteDarkActionButtonSecondaryActiveBackground: rgba(0, 0, 0, 0);
+$paletteDarkActionButtonSecondaryActiveText: #ffffff;
+$paletteDarkActionButtonSecondaryActiveTextDecoration: none;
+$paletteDarkActionButtonSecondaryActiveBorder: #ffc85e;
+$paletteDarkActionLinkDefaultColor: #ffffff;
+$paletteDarkActionLinkDefaultTextDecorationColor: rgba(#ffffff, 0.8);
+$paletteDarkActionLinkDefaultTextDecorationLine: underline;
+$paletteDarkActionLinkDefaultTextDecorationThickness: 0.5px;
+$paletteDarkActionLinkDefaultTextDecorationStyle: solid;
+$paletteDarkActionLinkHoverColor: #ba89ba;
+$paletteDarkActionLinkHoverTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteDarkActionLinkHoverTextDecorationLine: underline;
+$paletteDarkActionLinkHoverTextDecorationThickness: 2px;
+$paletteDarkActionLinkHoverTextDecorationStyle: solid;
+$paletteDarkActionLinkActiveColor: #ba89ba;
+$paletteDarkActionLinkActiveTextDecorationColor: rgba(#ba89ba, 0.8);
+$paletteDarkActionLinkActiveTextDecorationLine: underline;
+$paletteDarkActionLinkActiveTextDecorationThickness: 2px;
+$paletteDarkActionLinkActiveTextDecorationStyle: solid;
+$paletteDarkActionLinkVisitedColor: #ffc0d4;
+$paletteDarkActionLinkVisitedTextDecorationColor: rgba(#ffc0d4, 0.8);
+$paletteDarkActionLinkVisitedTextDecorationLine: underline;
+$paletteDarkActionLinkVisitedTextDecorationThickness: 2px;
+$paletteDarkActionLinkVisitedTextDecorationStyle: solid;
+$paletteDarkActionPaginationDefaultBackground: #232323;
+$paletteDarkActionPaginationDefaultText: #ffffff;
+$paletteDarkActionPaginationDefaultBorder: #ff7dab;
+$paletteDarkActionPaginationHoverBackground: #232323;
+$paletteDarkActionPaginationHoverText: #ffffff;
+$paletteDarkActionPaginationHoverBorder: #ffffff;
+$paletteDarkActionPaginationActiveBackground: #ffffff;
+$paletteDarkActionPaginationActiveText: #232323;
+$paletteDarkActionPaginationActiveBorder: #ffffff;
+$paletteDarkActionPaginationVisitedBackground: #232323;
+$paletteDarkActionPaginationVisitedText: #551a8b;
+$paletteDarkActionPaginationVisitedBorder: #d70065;
diff --git a/tokens/$metadata.json b/tokens/$metadata.json
index e129347..a4628a8 100644
--- a/tokens/$metadata.json
+++ b/tokens/$metadata.json
@@ -7,6 +7,8 @@
"card",
"campaign-neon-palette",
"campaign-neon-theme",
+ "campaign-saferqld-palette",
+ "campaign-saferqld-theme",
"qld-corporate-palette",
"qld-corporate-theme",
"qld-high-contrast-palette",
diff --git a/tokens/$themes.json b/tokens/$themes.json
index 8a021d4..bd9be49 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -68,5 +68,19 @@
},
"group": "brand",
"type": "other"
+ },
+ {
+ "name": "campaign-saferqld-palette",
+ "selectedTokenSets": {
+ "primitive": "source",
+ "button": "source",
+ "card": "source",
+ "qgds": "source",
+ "typography": "source",
+ "campaign-saferqld-theme": "enabled",
+ "campaign-saferqld-palette": "enabled"
+ },
+ "group": "brand",
+ "type": "other"
}
]
\ No newline at end of file
diff --git a/tokens/campaign-saferqld-palette.json b/tokens/campaign-saferqld-palette.json
new file mode 100644
index 0000000..0f82a38
--- /dev/null
+++ b/tokens/campaign-saferqld-palette.json
@@ -0,0 +1,2416 @@
+{
+ "palette": {
+ "bright": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "shade": {
+ "value": "{color.goshawkGrey.25}",
+ "type": "color"
+ },
+ "focus": {
+ "outlineColor": {
+ "value": "{color.danubeBlue.500}",
+ "type": "outlineColor"
+ }
+ },
+ "border": {
+ "default": {
+ "value": "{color.tarnishedSilver.100}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ }
+ },
+ "boundary": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "partition": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ },
+ "separator": {
+ "value": "{color.tarnishedSilver.100}",
+ "type": "color"
+ },
+ "divider": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "fence": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "line": {
+ "value": "{color.tarnishedSilver.100}",
+ "type": "color"
+ },
+ "muted": {
+ "value": "{color.goshawkGrey.25}",
+ "type": "color"
+ },
+ "subtle": {
+ "value": "{color.tarnishedSilver.50}",
+ "type": "color"
+ },
+ "accent": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "onAccent": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "typography": {
+ "siteTitle": {
+ "default": {
+ "value": "{theme.color.wording.onLights.siteTitle.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.siteTitle.variant}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{theme.color.wording.onLights.heading.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.heading.variant}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{theme.color.wording.onLights.body.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.body.variant}",
+ "type": "color"
+ }
+ }
+ },
+ "action": {
+ "navMain": {
+ "default": {
+ "background": {
+ "value": "{palette.bright.muted}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.goshawkGrey.500}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.bright.accent.default}",
+ "type": "textDecoration"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.bright.subtle}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.bright.accent.onAccent}",
+ "type": "textDecoration"
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "default": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "link": {
+ "default": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bright.action.link.default.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thin}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.800}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bright.action.link.hover.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.800}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bright.action.link.active.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "visited": {
+ "color": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bright.action.link.visited.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ }
+ },
+ "pagination": {
+ "default": {
+ "background": {
+ "value": "{palette.bright.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.bright.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "visited": {
+ "background": {
+ "value": "{palette.bright.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ },
+ "tint": {
+ "background": {
+ "value": "{color.fancyFuchsiaPink.25}",
+ "type": "color"
+ },
+ "shade": {
+ "value": "{color.fancyFuchsiaPink.50}",
+ "type": "color"
+ },
+ "focus": {
+ "outlineColor": {
+ "value": "{color.danubeBlue.500}",
+ "type": "outlineColor"
+ }
+ },
+ "border": {
+ "default": {
+ "value": "{color.purplishRed.100}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ }
+ },
+ "boundary": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "partition": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ },
+ "separator": {
+ "value": "{color.purplishRed.100}",
+ "type": "color"
+ },
+ "divider": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "fence": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "line": {
+ "value": "{color.purplishRed.100}",
+ "type": "color"
+ },
+ "muted": {
+ "value": "{color.goshawkGrey.25}",
+ "type": "color"
+ },
+ "subtle": {
+ "value": "{color.tarnishedSilver.50}",
+ "type": "color"
+ },
+ "accent": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "onAccent": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "typography": {
+ "siteTitle": {
+ "default": {
+ "value": "{theme.color.wording.onLights.siteTitle.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.siteTitle.variant}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{theme.color.wording.onLights.heading.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.heading.variant}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{theme.color.wording.onLights.body.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.body.variant}",
+ "type": "color"
+ }
+ }
+ },
+ "action": {
+ "navMain": {
+ "default": {
+ "background": {
+ "value": "{palette.tint.muted}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.goshawkGrey.500}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.tint.accent.default}",
+ "type": "textDecoration"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.tint.subtle}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.tint.accent.onAccent}",
+ "type": "textDecoration"
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "default": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "link": {
+ "default": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.tint.action.link.default.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thin}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.800}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.tint.action.link.hover.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.800}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.tint.action.link.active.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "visited": {
+ "color": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.tint.action.link.visited.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ }
+ },
+ "pagination": {
+ "default": {
+ "background": {
+ "value": "{palette.tint.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.tint.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "visited": {
+ "background": {
+ "value": "{palette.tint.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ },
+ "alt": {
+ "background": {
+ "value": "{color.tarnishedSilver.50}",
+ "type": "color"
+ },
+ "shade": {
+ "value": "{color.tarnishedSilver.100}",
+ "type": "color"
+ },
+ "focus": {
+ "outlineColor": {
+ "value": "{color.danubeBlue.500}",
+ "type": "outlineColor"
+ }
+ },
+ "border": {
+ "default": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ }
+ },
+ "boundary": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "partition": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ },
+ "separator": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ },
+ "divider": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "fence": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "line": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ },
+ "muted": {
+ "value": "{color.goshawkGrey.25}",
+ "type": "color"
+ },
+ "subtle": {
+ "value": "{color.tarnishedSilver.50}",
+ "type": "color"
+ },
+ "accent": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "onAccent": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "typography": {
+ "siteTitle": {
+ "default": {
+ "value": "{theme.color.wording.onLights.siteTitle.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.siteTitle.variant}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{theme.color.wording.onLights.heading.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.heading.variant}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{theme.color.wording.onLights.body.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onLights.body.variant}",
+ "type": "color"
+ }
+ }
+ },
+ "action": {
+ "navMain": {
+ "default": {
+ "background": {
+ "value": "{palette.alt.muted}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.goshawkGrey.500}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.alt.accent.default}",
+ "type": "textDecoration"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.alt.subtle}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.alt.accent.onAccent}",
+ "type": "textDecoration"
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "default": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "link": {
+ "default": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.alt.action.link.default.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thin}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.800}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.alt.action.link.hover.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.800}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.alt.action.link.active.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "visited": {
+ "color": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.alt.action.link.visited.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ }
+ },
+ "pagination": {
+ "default": {
+ "background": {
+ "value": "{palette.alt.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.alt.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ }
+ },
+ "visited": {
+ "background": {
+ "value": "{palette.alt.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.tarnishedSilver.300}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ },
+ "bold": {
+ "background": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "shade": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "focus": {
+ "outlineColor": {
+ "value": "{color.fancyFuchsiaPink.100}",
+ "type": "outlineColor"
+ }
+ },
+ "border": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ }
+ },
+ "boundary": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "partition": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ },
+ "separator": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ },
+ "divider": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "fence": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "line": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ },
+ "muted": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "subtle": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "accent": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "onAccent": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "typography": {
+ "siteTitle": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.siteTitle.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.siteTitle.variant}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.heading.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.heading.variant}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.body.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.body.variant}",
+ "type": "color"
+ }
+ }
+ },
+ "action": {
+ "navMain": {
+ "default": {
+ "background": {
+ "value": "{palette.bold.muted}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.bold.accent.default}",
+ "type": "textDecoration"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.bold.subtle}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.bold.accent.onAccent}",
+ "type": "textDecoration"
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "default": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "link": {
+ "default": {
+ "color": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bold.action.link.default.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thin}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bold.action.link.hover.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bold.action.link.active.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "visited": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.100}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.bold.action.link.visited.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ }
+ },
+ "pagination": {
+ "default": {
+ "background": {
+ "value": "{palette.bold.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.bold.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{palette.bold.background}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "visited": {
+ "background": {
+ "value": "{palette.bold.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.fancyFuchsiaPink.600}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ },
+ "strong": {
+ "background": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "shade": {
+ "value": "{color.tarnishedSilver.900}",
+ "type": "color"
+ },
+ "focus": {
+ "outlineColor": {
+ "value": "{color.fancyFuchsiaPink.100}",
+ "type": "outlineColor"
+ }
+ },
+ "border": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ }
+ },
+ "boundary": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "partition": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ },
+ "separator": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ },
+ "divider": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "fence": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "line": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ },
+ "muted": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "subtle": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "accent": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "onAccent": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "typography": {
+ "siteTitle": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.siteTitle.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.siteTitle.variant}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.heading.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.heading.variant}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.body.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.body.variant}",
+ "type": "color"
+ }
+ }
+ },
+ "action": {
+ "navMain": {
+ "default": {
+ "background": {
+ "value": "{palette.strong.muted}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.strong.accent.default}",
+ "type": "textDecoration"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.strong.subtle}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.strong.accent.onAccent}",
+ "type": "textDecoration"
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "default": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "link": {
+ "default": {
+ "color": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.strong.action.link.default.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thin}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.strong.action.link.hover.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.strong.action.link.active.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "visited": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.100}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.strong.action.link.visited.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ }
+ },
+ "pagination": {
+ "default": {
+ "background": {
+ "value": "{palette.strong.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.strong.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{palette.strong.background}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "visited": {
+ "background": {
+ "value": "{palette.strong.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.fancyFuchsiaPink.600}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ },
+ "dark": {
+ "background": {
+ "value": "{color.goshawkGrey.700}",
+ "type": "color"
+ },
+ "shade": {
+ "value": "{color.goshawkGrey.800}",
+ "type": "color"
+ },
+ "focus": {
+ "outlineColor": {
+ "value": "{color.fancyFuchsiaPink.100}",
+ "type": "outlineColor"
+ }
+ },
+ "border": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ }
+ },
+ "boundary": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "partition": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ },
+ "separator": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ },
+ "divider": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "fence": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "line": {
+ "value": "{color.fancyFuchsiaPink.200}",
+ "type": "color"
+ },
+ "muted": {
+ "value": "{color.tarnishedSilver.600}",
+ "type": "color"
+ },
+ "subtle": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "accent": {
+ "default": {
+ "value": "{color.fancyFuchsiaPink.500}",
+ "type": "color"
+ },
+ "onAccent": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "typography": {
+ "siteTitle": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.siteTitle.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.siteTitle.variant}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.heading.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.heading.variant}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{theme.color.wording.onDarks.body.default}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{theme.color.wording.onDarks.body.variant}",
+ "type": "color"
+ }
+ }
+ },
+ "action": {
+ "navMain": {
+ "default": {
+ "background": {
+ "value": "{palette.dark.muted}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.dark.accent.default}",
+ "type": "textDecoration"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.dark.subtle}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "accent": {
+ "value": "{palette.dark.accent.onAccent}",
+ "type": "textDecoration"
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "default": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{transparency.total}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecoration": {
+ "value": "{textDecoration.line.none}",
+ "type": "textDecoration"
+ },
+ "border": {
+ "value": "{color.grilledCheeseYellow.500}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "link": {
+ "default": {
+ "color": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.dark.action.link.default.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thin}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.dark.action.link.hover.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.dark.action.link.active.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ },
+ "visited": {
+ "color": {
+ "value": "{color.fancyFuchsiaPink.100}",
+ "type": "color"
+ },
+ "textDecorationColor": {
+ "value": "rgba({palette.dark.action.link.visited.color}, 0.8)",
+ "type": "textDecorationColor"
+ },
+ "textDecorationLine": {
+ "value": "{textDecoration.line.underline}",
+ "type": "textDecorationLine"
+ },
+ "textDecorationThickness": {
+ "value": "{textDecoration.thickness.thick}",
+ "type": "textDecorationThickness"
+ },
+ "textDecorationStyle": {
+ "value": "{textDecoration.style.solid}",
+ "type": "textDecorationStyle"
+ }
+ }
+ },
+ "pagination": {
+ "default": {
+ "background": {
+ "value": "{palette.dark.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.fancyFuchsiaPink.300}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "background": {
+ "value": "{palette.dark.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "background": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{palette.dark.background}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "visited": {
+ "background": {
+ "value": "{palette.dark.background}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.americanViolet.500}",
+ "type": "color"
+ },
+ "border": {
+ "value": "{color.fancyFuchsiaPink.600}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/tokens/campaign-saferqld-theme.json b/tokens/campaign-saferqld-theme.json
new file mode 100644
index 0000000..91f6b5a
--- /dev/null
+++ b/tokens/campaign-saferqld-theme.json
@@ -0,0 +1,362 @@
+{
+ "theme": {
+ "color": {
+ "brand": {
+ "first": {
+ "value": "{color.freshAirBlue.500}",
+ "type": "color"
+ },
+ "second": {
+ "value": "{color.starYellow.500}",
+ "type": "color"
+ },
+ "third": {
+ "value": "{color.freshAirBlue.500}",
+ "type": "color"
+ },
+ "fourth": {
+ "value": "{color.freshAirBlue.500}",
+ "type": "color"
+ }
+ },
+ "background": {
+ "bright": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "tint": {
+ "value": "{color.fancyFuchsiaPink.25}",
+ "type": "color"
+ },
+ "alt": {
+ "value": "{color.goshawkGrey.25}",
+ "type": "color"
+ },
+ "bold": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "strong": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ },
+ "dark": {
+ "value": "{color.goshawkGrey.700}",
+ "type": "color"
+ }
+ },
+ "action": {
+ "onLights": {
+ "primary": {
+ "default": {
+ "color": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "color": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.zeusPurple.600}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.fancyFuchsiaPink.700}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "onDarks": {
+ "primary": {
+ "default": {
+ "color": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.grilledCheeseYellow.400}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.grilledCheeseYellow.400}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.tarnishedSilver.800}",
+ "type": "color"
+ }
+ }
+ },
+ "secondary": {
+ "default": {
+ "color": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "hover": {
+ "color": {
+ "value": "{color.grilledCheeseYellow.400}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ },
+ "active": {
+ "color": {
+ "value": "{color.grilledCheeseYellow.400}",
+ "type": "color"
+ },
+ "text": {
+ "value": "{color.white}",
+ "type": "color"
+ }
+ }
+ }
+ }
+ },
+ "wording": {
+ "onLights": {
+ "siteTitle": {
+ "default": {
+ "value": "{color.goshawkGrey.700}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.goshawkGrey.500}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{color.zeusPurple.800}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.goshawkGrey.300}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{color.goshawkGrey.700}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.goshawkGrey.500}",
+ "type": "color"
+ }
+ }
+ },
+ "onDarks": {
+ "siteTitle": {
+ "default": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.christmasSilver.50}",
+ "type": "color"
+ }
+ },
+ "heading": {
+ "default": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.christmasSilver.50}",
+ "type": "color"
+ }
+ },
+ "body": {
+ "default": {
+ "value": "{color.white}",
+ "type": "color"
+ },
+ "variant": {
+ "value": "{color.zeusPurple.200}",
+ "type": "color"
+ }
+ }
+ }
+ },
+ "reserved": {
+ "error": {
+ "default": {
+ "value": "{color.crimsonRed.500}",
+ "type": "color"
+ },
+ "lightest": {
+ "value": "{color.crimsonRed.25}",
+ "type": "color"
+ },
+ "lighter": {
+ "value": "{color.crimsonRed.50}",
+ "type": "color"
+ },
+ "darker": {
+ "value": "{color.crimsonRed.800}",
+ "type": "color"
+ }
+ },
+ "information": {
+ "default": {
+ "value": "{color.danubeBlue.500}",
+ "type": "color"
+ },
+ "lightest": {
+ "value": "{color.danubeBlue.25}",
+ "type": "color"
+ },
+ "lighter": {
+ "value": "{color.danubeBlue.50}",
+ "type": "color"
+ },
+ "darker": {
+ "value": "{color.danubeBlue.800}",
+ "type": "color"
+ }
+ },
+ "success": {
+ "default": {
+ "value": "{color.zundaGreen.500}",
+ "type": "color"
+ },
+ "lightest": {
+ "value": "{color.zundaGreen.25}",
+ "type": "color"
+ },
+ "lighter": {
+ "value": "{color.zundaGreen.50}",
+ "type": "color"
+ },
+ "darker": {
+ "value": "{color.zundaGreen.800}",
+ "type": "color"
+ }
+ },
+ "alert": {
+ "default": {
+ "value": "{color.starYellow.500}",
+ "type": "color"
+ },
+ "lightest": {
+ "value": "{color.starYellow.25}",
+ "type": "color"
+ },
+ "lighter": {
+ "value": "{color.starYellow.50}",
+ "type": "color"
+ },
+ "darker": {
+ "value": "{color.starYellow.800}",
+ "type": "color"
+ }
+ }
+ },
+ "syntax": {
+ "background": {
+ "value": "{color.goshawkGrey.700}",
+ "type": "color"
+ },
+ "values": {
+ "value": "{color.zundaGreen.500}",
+ "type": "color"
+ },
+ "elements": {
+ "value": "{color.freshAirBlue.500}",
+ "type": "color"
+ },
+ "properties": {
+ "value": "{color.zeusPurple.500}",
+ "type": "color"
+ },
+ "comments": {
+ "value": "{color.veilBlue.500}",
+ "type": "color"
+ }
+ }
+ },
+ "focus": {
+ "outlineWidth": {
+ "value": "{focus.outlineWidth}",
+ "type": "outlineWidth"
+ },
+ "outlineStyle": {
+ "value": "{focus.outlineStyle}",
+ "type": "outlineStyle"
+ }
+ },
+ "shadows": {
+ "default": {
+ "value": "{color.goshawkGrey.900}",
+ "type": "color"
+ }
+ }
+ }
+}
\ No newline at end of file