diff --git a/src/scss/components/_tokens.scss b/src/scss/components/_tokens.scss index d655fcd..6c6f204 100644 --- a/src/scss/components/_tokens.scss +++ b/src/scss/components/_tokens.scss @@ -1,10 +1,12 @@ @import './components/colors'; :root { - --neutral-lowest: #{$light-100}; + --neutral-lowest: #{$light-50}; --neutral-lower: #{$shark-100}; - --neutral-low: #{$shark-300}; + --neutral-low: #{$shark-200}; + --neutral-medium-low: #{$shark-300}; --neutral-medium: #{$shark-400}; + --neutral-medium-high: #{$shark-500}; --neutral-high: #{$shark-600}; --neutral-higher: #{$shark-700}; --neutral-highest: #{$dark-100}; @@ -12,7 +14,9 @@ --brand-primary-lowest: #{$sand-50}; --brand-primary-lower: #{$sand-100}; --brand-primary-low: #{$sand-300}; + --brand-primary-medium-low: #{$sand-400}; --brand-primary-medium: #{$sand-500}; + --brand-primary-medium-high: #{$sand-600}; --brand-primary-high: #{$sand-700}; --brand-primary-higher: #{$sand-900}; --brand-primary-highest: #{$sand-950}; @@ -20,7 +24,9 @@ --brand-secondary-lowest: #{$forest-50}; --brand-secondary-lower: #{$forest-100}; --brand-secondary-low: #{$forest-300}; + --brand-secondary-medium-low: #{$forest-400}; --brand-secondary-medium: #{$forest-500}; + --brand-secondary-medium-high: #{$forest-600}; --brand-secondary-high: #{$forest-700}; --brand-secondary-higher: #{$forest-900}; --brand-secondary-highest: #{$forest-950}; @@ -28,7 +34,9 @@ /* --success-lowest: #000; --success-lower: #000; --success-low: #000; + --success-medium-low: #000; --success-medium: #000; + --success-medium-high: #000; --success-high: #000; --success-higher: #000; --success-highest: #000; */ @@ -36,7 +44,9 @@ /* --danger-lowest: #000; --danger-lower: #000; --danger-low: #000; + --danger-medium-low: #000; --danger-medium: #000; + --danger-medium-high: #000; --danger-high: #000; --danger-higher: #000; --danger-highest: #000; */ @@ -44,7 +54,9 @@ /* --warning-lowest: #000; --warning-lower: #000; --warning-low: #000; + --warning-medium-low: #000; --warning-medium: #000; + --warning-medium-high: #000; --warning-high: #000; --warning-higher: #000; --warning-highest: #000; */