From dda7ee759a9659235fe78cb198efd4f5f94af6d4 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Tue, 7 Feb 2023 17:37:24 +0100
Subject: [PATCH] :wheelchair: add new mute style

---
 src/open_inwoner/scss/components/Card/Card.scss | 2 +-
 src/open_inwoner/scss/views/App.scss            | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/open_inwoner/scss/components/Card/Card.scss b/src/open_inwoner/scss/components/Card/Card.scss
index 478f666130..2381059a53 100644
--- a/src/open_inwoner/scss/components/Card/Card.scss
+++ b/src/open_inwoner/scss/components/Card/Card.scss
@@ -1,6 +1,6 @@
 .card {
   --card-color-background: white;
-  --card-color-border: var(--color-mute);
+  --card-color-border: var(--color-mute-deco);
   --card-size-border: var(--border-width);
   --card-size-dog-ear: var(--gutter-width);
   --card-spacing: var(--spacing-large);
diff --git a/src/open_inwoner/scss/views/App.scss b/src/open_inwoner/scss/views/App.scss
index 1566a42b32..8829f30004 100644
--- a/src/open_inwoner/scss/views/App.scss
+++ b/src/open_inwoner/scss/views/App.scss
@@ -12,7 +12,7 @@
     var(--color-accent-darker),
     var(--color-accent-lighter)
   );
-  --border-width: 2px;
+  --border-width: 1px;
   --border-radius: 3px;
 
   // Color.
@@ -150,6 +150,8 @@
   --color-body: var(--color-gray-dark);
   // changed to #949494 to get the required 3:1 contrast ratio
   --color-mute: #949494;
+  // decorative, non-meaningful elements do not have contrast requirements
+  --color-mute-deco: #D2D2D2;
 
   /// Font.