a11y contrasr

src/_layouts/base.njk

@@ -21,7 +21,6 @@
 
     <!-- defer js  -->
     <script type="module" src="/assets/app.js" defer></script>
-    <script type="module" src="/assets/components/is-land.js" defer></script>
 
     <!--  Add facility for pages to declare an array of stylesheet paths -->
     {% if pageStylesheets %} {% for item in pageStylesheets %}

src/assets/css/blocks/features.css

@@ -1,24 +0,0 @@
-.features {
-  --grid-placement: auto-fit;
-  --grid-min-item-size: clamp(16rem, 33%, 20rem);
-  --gutter: var(--space-l-xl);
-  --flow-space: var(--space-s);
-
-  text-align: center;
-}
-
-.features svg {
-  display: block;
-  margin-inline: auto;
-  height: 4em;
-}
-
-.features a {
-  text-decoration: none;
-}
-
-.features a:hover {
-  text-decoration: underline;
-  text-decoration-thickness: 0.08ex;
-  text-underline-offset: 0.2ex;
-}

src/assets/css/blocks/island.css

@@ -1,49 +0,0 @@
-/* Demo styles */
-is-land,
-.demo-component {
-  display: block;
-  padding: 0.5em;
-  margin: 0.5em 0;
-  outline: 2px solid lightblue;
-}
-is-land:last-child,
-.demo-component:last-child {
-  margin-bottom: 0;
-}
-is-land:first-child,
-.demo-component:first-child {
-  margin-top: 0;
-}
-is-land[on\:idle],
-is-land[on\:idle][ready] {
-  display: inline-flex;
-  gap: 0.25em;
-  align-items: center;
-}
-is-land span {
-  display: inline-flex;
-  width: 2em;
-  margin: 0 0.25em;
-}
-
-/* Demo loading states */
-is-land[ready] {
-  display: block;
-  background-color: rgba(114, 233, 110, 0.2);
-  outline: 2px solid rgb(85, 173, 82);
-}
-.test-c-finish {
-  background-color: rgba(112, 110, 233, 0.2);
-  outline: 2px solid rgb(97, 82, 173);
-}
-
-/* List logos */
-.examples {
-  line-height: 2;
-}
-.examples img {
-  margin-right: 0.3em;
-  width: 1.5em;
-  height: 1.5em;
-  vertical-align: text-bottom;
-}

src/assets/css/blocks/test.css

@@ -1,28 +0,0 @@
-.playground {
-  --grid-placement: auto-fit;
-  --green: rgb(28, 113, 19);
-  --purple: #c569bc;
-  --orange: #ff8b59;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 1em;
-}
-
-.box {
-  width: 100px;
-  height: 100px;
-  border-radius: var(--border-radius);
-}
-
-.green {
-  background-color: var(--green);
-}
-
-.purple {
-  background-color: var(--purple);
-}
-
-.orange {
-  background-color: var(--orange);
-}

src/assets/design-tokens/colors.json

@@ -16,7 +16,7 @@
     },
     {
       "name": "Primary",
-      "value": "#FF5678"
+      "value": "#dd4462"
     },
     {
       "name": "Primary Glare",