From ac7b70200bc99607f2e3b84aabd3003d36d8ef34 Mon Sep 17 00:00:00 2001
From: GOMA <paulvalerie.goma@cgi.com>
Date: Tue, 15 Jul 2025 13:03:42 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20css=20global=20variables?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 output/variables.css     | 577 +++++++++++++++++++++++++++++++++++++++
 output/variables.css.map |   1 +
 2 files changed, 578 insertions(+)
 create mode 100644 output/variables.css
 create mode 100644 output/variables.css.map

diff --git a/output/variables.css b/output/variables.css
new file mode 100644
index 0000000..ff2c9fb
--- /dev/null
+++ b/output/variables.css
@@ -0,0 +1,577 @@
+:root {
+  --major-blue-france: #000091;
+  --minor-blue-france: #6a6af4;
+  --decorative-blue-france: #ececfe;
+  --minor-red-marianne: #e1000f;
+  --background-default-grey: white;
+  --background-default-grey-hover: #f6f6f6;
+  --background-default-grey-active: #ededed;
+  --background-alt-grey: #f6f6f6;
+  --background-alt-grey-hover: #dfdfdf;
+  --background-alt-grey-active: #cfcfcf;
+  --background-alt-blue-france: #f5f5fe;
+  --background-contrast-grey: #eeeeee;
+  --background-action-high-blue-france: #000091;
+  --background-action-high-blue-france-hover: #1212ff;
+  --background-action-high-blue-france-active: #2323ff;
+  --background-action-low-blue-france: #e3e3fd;
+  --background-action-low-blue-france-hover: #c1c1fb;
+  --background-action-low-blue-france-active: #adadf9;
+  --background-active-blue-france: #000091;
+  --background-open-blue-france: #e3e3fd;
+  --background-open-blue-france-hover: #c1c1fb;
+  --background-open-blue-france-active: #adadf9;
+  --background-flat-success: #18753c;
+  --background-flat-error: #ce0500;
+  --background-flat-warning: #b34000;
+  --background-flat-info: #0063cb;
+  --background-action-high-success: #18753c;
+  --background-action-high-error: #ce0500;
+  --background-action-high-warning: #b34000;
+  --background-action-high-info: #0063cb;
+  --background-contrast-success: #b8fec9;
+  --background-contrast-error: #ffe9e9;
+  --background-contrast-warning: #ffe9e6;
+  --background-contrast-info: #e8edff;
+  --background-disabled-grey: #e5e5e5;
+  --background-overlay-grey: rgba(22, 22, 22, 0.6392156863);
+  --background-transparent: rgba(0, 0, 0, 0);
+  --background-transparent-hover: rgba(0, 0, 0, 0.0392156863);
+  --background-transparent-active: rgba(0, 0, 0, 0.0784313725);
+  --background-contrast-blue-france: #ececfe;
+  --background-raised-grey: white;
+  --background-overlap-grey: white;
+  --background-contrast-raised-grey: #eeeeee;
+  --background-contrast-overlap-grey: #eeeeee;
+  --background-lifted-grey: white;
+  --background-alt-raised-grey: #f6f6f6;
+  --background-alt-overlap-grey: #f6f6f6;
+  --border-default-grey: #dddddd;
+  --border-contrast-grey: #929292;
+  --border-default-blue-france: #6a6af4;
+  --border-action-high-blue-france: #000091;
+  --border-action-high-grey: #161616;
+  --border-active-blue-france: #000091;
+  --border-open-blue-france: #e3e3fd;
+  --border-disabled-grey: #e5e5e5;
+  --border-plain-blue-france: #000091;
+  --border-plain-grey: #3a3a3a;
+  --border-plain-success: #18753c;
+  --border-plain-error: #ce0500;
+  --border-plain-warning: #b34000;
+  --border-plain-info: #0063cb;
+  --border-action-low-blue-france: #cacafb;
+  --text-title-grey: #161616;
+  --text-title-blue-france: #000091;
+  --text-default-grey: #3a3a3a;
+  --text-mention-grey: #666666;
+  --text-label-grey: #161616;
+  --text-action-high-blue-france: #000091;
+  --text-action-high-grey: #161616;
+  --text-action-high-info: #0063cb;
+  --text-action-high-warning: #b34000;
+  --text-action-high-error: #ce0500;
+  --text-inverted-grey: white;
+  --text-inverted-blue-france: #f5f5fe;
+  --text-active-blue-france: #000091;
+  --text-active-grey: #161616;
+  --text-disabled-grey: #929292;
+  --text-default-success: #18753c;
+  --text-default-error: #ce0500;
+  --text-default-warning: #b34000;
+  --text-default-info: #0063cb;
+  --illustration-color-850-glycine-default: #fbb8f6;
+  --illustration-color-850-glycine-hover: #f983f1;
+  --illustration-color-850-glycine-active: #f767ef;
+  --illustration-color-850-tournesol-default: #efcb3a;
+  --illustration-color-850-tournesol-hover: #c1a42d;
+  --illustration-color-850-tournesol-active: #a88e26;
+  --illustration-color-950-glycine-default: #fee7fc;
+  --illustration-color-950-glycine-hover: #fdc0f8;
+  --illustration-color-950-glycine-active: #fca8f6;
+  --illustration-color-950-tournesol-default: #feecc2;
+  --illustration-color-950-tournesol-hover: #fbd335;
+  --illustration-color-950-tournesol-active: #e6c130;
+  --illustration-color-sun-glycine-default: #6e445a;
+  --illustration-color-sun-glycine-hover: #a66989;
+  --illustration-color-sun-glycine-active: #bb7f9e;
+  --illustration-color-sun-tournesol-default: #716043;
+  --illustration-color-sun-tournesol-hover: #a28a62;
+  --illustration-color-sun-tournesol-active: #ba9f72;
+  --primary-color-sun-blue-france-default: #000091;
+  --primary-color-sun-blue-france-hover: #1212ff;
+  --primary-color-sun-blue-france-active: #2323ff;
+  --primary-color-113-blue-france-default: #000091;
+  --primary-color-113-blue-france-hover: #1212ff;
+  --primary-color-113-blue-france-active: #2323ff;
+  --primary-color-425-red-marianne-default: #c9191e;
+  --primary-color-425-red-marianne-hover: #f93f42;
+  --primary-color-425-red-marianne-active: #f95a5c;
+  --primary-color-850-blue-france-default: #cacafb;
+  --primary-color-850-blue-france-hover: #a1a1f8;
+  --primary-color-850-blue-france-active: #8b8bf6;
+  --primary-color-850-red-marianne-default: #fcbfbf;
+  --primary-color-850-red-marianne-hover: #fb8f8f;
+  --primary-color-850-red-marianne-active: #fa7474;
+  --primary-color-950-blue-france-default: #ececfe;
+  --primary-color-950-blue-france-hover: #cecefc;
+  --primary-color-950-blue-france-active: #bbbbfc;
+  --primary-color-950-red-marianne-default: #fee9e9;
+  --primary-color-950-red-marianne-hover: #fdc5c5;
+  --primary-color-950-red-marianne-active: #fcafaf;
+  --primary-color-975-blue-france-default: #f5f5fe;
+  --primary-color-975-blue-france-hover: #dcdcfc;
+  --primary-color-975-blue-france-active: #cbcbfa;
+  --primary-color-975-red-marianne-default: #fef4f4;
+  --primary-color-975-red-marianne-hover: #fcd7d7;
+  --primary-color-975-red-marianne-active: #fac4c4;
+  --primary-color-main-blue-france-default: #6a6af4;
+  --primary-color-main-blue-france-hover: #9898f8;
+  --primary-color-main-blue-france-active: #aeaef9;
+  --primary-color-main-red-marianne-default: #e1000f;
+  --primary-color-main-red-marianne-hover: #ff292f;
+  --primary-color-main-red-marianne-active: #ff4347;
+  --system-color-425-success-default: #18753c;
+  --system-color-425-success-hover: #27a959;
+  --system-color-425-success-active: #2fc368;
+  --system-color-425-warning-default: #b34000;
+  --system-color-425-warning-hover: #ff6218;
+  --system-color-425-warning-active: #ff7a55;
+  --system-color-425-info-default: #0063cb;
+  --system-color-425-info-hover: #3b87ff;
+  --system-color-425-info-active: #6798ff;
+  --system-color-425-error-default: #ce0500;
+  --system-color-425-error-hover: #ff2725;
+  --system-color-425-error-active: #ff4140;
+  --system-color-950-success-default: #b8fec9;
+  --system-color-950-success-hover: #46fd89;
+  --system-color-950-success-active: #34eb7b;
+  --system-color-950-warning-default: #ffe9e6;
+  --system-color-950-warning-hover: #ffc6bd;
+  --system-color-950-warning-active: #ffb0a2;
+  --system-color-950-info-default: #e8edff;
+  --system-color-950-info-hover: #c2d1ff;
+  --system-color-950-info-active: #a9bfff;
+  --system-color-950-error-default: #ffe9e9;
+  --system-color-950-error-hover: #ffc5c5;
+  --system-color-950-error-active: #ffafaf;
+  --system-focus-default: #0a76f6;
+  --alternative-body-text-LG-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-LG-article-text-Regular-size: 1.25rem;
+  --alternative-body-text-LG-article-text-Regular-weight: 400;
+  --alternative-body-text-LG-article-text-Regular-line-height: 2rem;
+  --alternative-body-text-LG-article-text-Bold-family: georgia, sans-serif;
+  --alternative-body-text-LG-article-text-Bold-size: 1.25rem;
+  --alternative-body-text-LG-article-text-Bold-weight: 900;
+  --alternative-body-text-LG-article-text-Bold-line-height: 2rem;
+  --alternative-body-text-MD-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-MD-article-text-Regular-size: 1rem;
+  --alternative-body-text-MD-article-text-Regular-weight: 400;
+  --alternative-body-text-MD-article-text-Regular-line-height: 1.5rem;
+  --alternative-body-text-MD-article-text-Bold-family: georgia, sans-serif;
+  --alternative-body-text-MD-article-text-Bold-size: 1rem;
+  --alternative-body-text-MD-article-text-Bold-weight: 900;
+  --alternative-body-text-MD-article-text-Bold-line-height: 1.5rem;
+  --alternative-body-text-SM-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-SM-article-text-Regular-size: 0.875rem;
+  --alternative-body-text-SM-article-text-Regular-weight: 400;
+  --alternative-body-text-SM-article-text-Regular-line-height: 1.5rem;
+  --alternative-body-text-SM-article-text-Bold-family: georgia, sans-serif;
+  --alternative-body-text-SM-article-text-Bold-size: 0.875rem;
+  --alternative-body-text-SM-article-text-Bold-weight: 900;
+  --alternative-body-text-SM-article-text-Bold-line-height: 1.5rem;
+  --alternative-body-text-XS-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-XS-article-text-Regular-size: 0.75rem;
+  --alternative-body-text-XS-article-text-Regular-weight: 400;
+  --alternative-body-text-XS-article-text-Regular-line-height: 1.25rem;
+  --alternative-titles-XL-size: 5rem;
+  --alternative-titles-XL-weight: 600;
+  --alternative-titles-XL-line-height: 5.5rem;
+  --alternative-titles-LG-size: 4.5rem;
+  --alternative-titles-LG-weight: 400;
+  --alternative-titles-LG-line-height: 5rem;
+  --alternative-titles-MD-size: 4rem;
+  --alternative-titles-MD-weight: 600;
+  --alternative-titles-MD-line-height: 4.5rem;
+  --alternative-titles-SM-size: 3.5rem;
+  --alternative-titles-SM-weight: 600;
+  --alternative-titles-SM-line-height: 4rem;
+  --alternative-titles-XS-size: 3rem;
+  --alternative-titles-XS-weight: 600;
+  --alternative-titles-XS-line-height: 3.5rem;
+  --text-body-XL-chapo-Regular-size: 1.25rem;
+  --text-body-XL-chapo-Regular-weight: 400;
+  --text-body-XL-chapo-Regular-line-height: 2rem;
+  --text-body-XL-chapo-Bold-size: 1.25rem;
+  --text-body-XL-chapo-Bold-weight: 900;
+  --text-body-XL-chapo-Bold-line-height: 2rem;
+  --text-body-LG-article-text-Regular-size: 1.125rem;
+  --text-body-LG-article-text-Regular-weight: 400;
+  --text-body-LG-article-text-Regular-line-height: 1.75rem;
+  --text-body-LG-article-text-Medium-size: 1.125rem;
+  --text-body-LG-article-text-Medium-weight: 600;
+  --text-body-LG-article-text-Medium-line-height: 1.75rem;
+  --text-body-LG-article-text-Bold-size: 1.125rem;
+  --text-body-LG-article-text-Bold-weight: 900;
+  --text-body-LG-article-text-Bold-line-height: 1.75rem;
+  --text-body-MD-standard-text-Regular-size: 1rem;
+  --text-body-MD-standard-text-Regular-weight: 400;
+  --text-body-MD-standard-text-Regular-line-height: 1.5rem;
+  --text-body-MD-standard-text-Medium-size: 1rem;
+  --text-body-MD-standard-text-Medium-weight: 600;
+  --text-body-MD-standard-text-Medium-line-height: 1.5rem;
+  --text-body-MD-standard-text-Bold-size: 1rem;
+  --text-body-MD-standard-text-Bold-weight: 900;
+  --text-body-MD-standard-text-Bold-line-height: 1.5rem;
+  --text-body-MD-standard-text-Italic-size: 1rem;
+  --text-body-MD-standard-text-Italic-weight: 400;
+  --text-body-MD-standard-text-Italic-style: italic;
+  --text-body-MD-standard-text-Italic-line-height: 1.5rem;
+  --text-body-SM-detail-text-Regular-size: 0.875rem;
+  --text-body-SM-detail-text-Regular-weight: 400;
+  --text-body-SM-detail-text-Regular-line-height: 1.5rem;
+  --text-body-SM-detail-text-Medium-size: 0.875rem;
+  --text-body-SM-detail-text-Medium-weight: 600;
+  --text-body-SM-detail-text-Medium-line-height: 1.5rem;
+  --text-body-SM-detail-text-Bold-size: 0.875rem;
+  --text-body-SM-detail-text-Bold-weight: 900;
+  --text-body-SM-detail-text-Bold-line-height: 1.5rem;
+  --text-body-SM-detail-text-Italic-size: 0.875rem;
+  --text-body-SM-detail-text-Italic-weight: 400;
+  --text-body-SM-detail-text-Italic-style: italic;
+  --text-body-SM-detail-text-Italic-line-height: 1.5rem;
+  --text-body-SM-detail-text-Maj-size: 0.875rem;
+  --text-body-SM-detail-text-Maj-weight: 600;
+  --text-body-SM-detail-text-Maj-line-height: 1.5rem;
+  --text-body-SM-detail-text-Maj-text-transform: uppercase;
+  --text-body-XS-mention-text-Regular-size: 0.75rem;
+  --text-body-XS-mention-text-Regular-weight: 400;
+  --text-body-XS-mention-text-Regular-line-height: 1.25rem;
+  --text-body-XS-mention-text-Medium-size: 0.75rem;
+  --text-body-XS-mention-text-Medium-weight: 600;
+  --text-body-XS-mention-text-Medium-line-height: 1.25rem;
+  --text-body-XS-mention-text-Bold-size: 0.75rem;
+  --text-body-XS-mention-text-Bold-weight: 900;
+  --text-body-XS-mention-text-Bold-line-height: 1.25rem;
+  --text-body-XS-mention-text-Italic-size: 0.75rem;
+  --text-body-XS-mention-text-Italic-weight: 400;
+  --text-body-XS-mention-text-Italic-style: italic;
+  --text-body-XS-mention-text-Italic-line-height: 1.25rem;
+  --text-body-XS-mention-text-Maj-size: 0.75rem;
+  --text-body-XS-mention-text-Maj-weight: 600;
+  --text-body-XS-mention-text-Maj-line-height: 1.25rem;
+  --text-body-XS-mention-text-Underlined-size: 0.75rem;
+  --text-body-XS-mention-text-Underlined-weight: 600;
+  --text-body-XS-mention-text-Underlined-line-height: 1.25rem;
+  --text-body-XS-mention-text-Underlined-text-decoration: underline;
+  --titles-H1-XL-size: 2.5rem;
+  --titles-H1-XL-weight: 600;
+  --titles-H1-XL-line-height: 3rem;
+  --titles-H2-LG-size: 2rem;
+  --titles-H2-LG-weight: 600;
+  --titles-H2-LG-line-height: 2.5rem;
+  --titles-H3-MD-size: 1.75rem;
+  --titles-H3-MD-weight: 600;
+  --titles-H3-MD-line-height: 2.25rem;
+  --titles-H4-SM-size: 1.5rem;
+  --titles-H4-SM-weight: 600;
+  --titles-H4-SM-line-height: 2rem;
+  --titles-H5-XS-size: 1.375rem;
+  --titles-H5-XS-weight: 600;
+  --titles-H5-XS-line-height: 1.75rem;
+  --titles-H6-XXS-size: 1.25rem;
+  --titles-H6-XXS-weight: 600;
+  --titles-H6-XXS-line-height: 1.75rem;
+  --font-family-primary: Arial, sans-serif;
+  --font-family-alt: georgia, sans-serif;
+}
+
+:root[data-theme=dark] {
+  --major-blue-france: #8585f6;
+  --minor-blue-france: #6a6af4;
+  --decorative-blue-france: #21213f;
+  --minor-red-marianne: #e1000f;
+  --background-default-grey: #161616;
+  --background-default-grey-hover: #343434;
+  --background-default-grey-active: #474747;
+  --background-alt-grey: #1e1e1e;
+  --background-alt-grey-hover: #3f3f3f;
+  --background-alt-grey-active: #525252;
+  --background-alt-blue-france: #1b1b35;
+  --background-contrast-grey: #242424;
+  --background-action-high-blue-france: #8585f6;
+  --background-action-high-blue-france-hover: #b1b1f9;
+  --background-action-high-blue-france-active: #c6c6fb;
+  --background-action-low-blue-france: #272747;
+  --background-action-low-blue-france-hover: #4a4a7d;
+  --background-action-low-blue-france-active: #5e5e90;
+  --background-active-blue-france: #8585f6;
+  --background-open-blue-france: #272747;
+  --background-open-blue-france-hover: #4a4a7d;
+  --background-open-blue-france-active: #5e5e90;
+  --background-flat-success: #27a658;
+  --background-flat-error: #ff5655;
+  --background-flat-warning: #fc5d00;
+  --background-flat-info: #518fff;
+  --background-action-high-success: #27a658;
+  --background-action-high-error: #ff5655;
+  --background-action-high-warning: #fc5d00;
+  --background-action-high-info: #518fff;
+  --background-contrast-success: #19271d;
+  --background-contrast-error: #391c1c;
+  --background-contrast-warning: #361e19;
+  --background-contrast-info: #1d2437;
+  --background-disabled-grey: #2a2a2a;
+  --background-overlay-grey: rgba(22, 22, 22, 0.6392156863);
+  --background-transparent: rgba(255, 255, 255, 0);
+  --background-transparent-hover: rgba(255, 255, 255, 0.0784313725);
+  --background-transparent-active: rgba(255, 255, 255, 0.1607843137);
+  --background-contrast-blue-france: #21213f;
+  --background-raised-grey: #1e1e1e;
+  --background-overlap-grey: #242424;
+  --background-contrast-raised-grey: #2a2a2a;
+  --background-contrast-overlap-grey: #2f2f2f;
+  --background-lifted-grey: #1e1e1e;
+  --background-alt-raised-grey: #2a2a2a;
+  --background-alt-overlap-grey: #2f2f2f;
+  --border-default-grey: #353535;
+  --border-contrast-grey: #666666;
+  --border-default-blue-france: #6a6af4;
+  --border-action-high-blue-france: #8585f6;
+  --border-action-high-grey: white;
+  --border-active-blue-france: #8585f6;
+  --border-open-blue-france: #272747;
+  --border-disabled-grey: #2a2a2a;
+  --border-plain-blue-france: #8585f6;
+  --border-plain-grey: #cecece;
+  --border-plain-success: #27a658;
+  --border-plain-error: #ff5655;
+  --border-plain-warning: #fc5d00;
+  --border-plain-info: #518fff;
+  --border-action-low-blue-france: #313178;
+  --text-title-grey: white;
+  --text-title-blue-france: #8585f6;
+  --text-default-grey: #cecece;
+  --text-mention-grey: #929292;
+  --text-label-grey: white;
+  --text-action-high-blue-france: #8585f6;
+  --text-action-high-grey: white;
+  --text-action-high-info: #518fff;
+  --text-action-high-warning: #fc5d00;
+  --text-action-high-error: #ff5655;
+  --text-inverted-grey: #161616;
+  --text-inverted-blue-france: #000091;
+  --text-active-blue-france: #8585f6;
+  --text-active-grey: white;
+  --text-disabled-grey: #666666;
+  --text-default-success: #27a658;
+  --text-default-error: #ff5655;
+  --text-default-warning: #fc5d00;
+  --text-default-info: #518fff;
+  --illustration-color-850-glycine-default: #502e4d;
+  --illustration-color-850-glycine-hover: #855080;
+  --illustration-color-850-glycine-active: #a1629c;
+  --illustration-color-850-tournesol-default: #43391a;
+  --illustration-color-850-tournesol-hover: #706030;
+  --illustration-color-850-tournesol-active: #88753c;
+  --illustration-color-950-glycine-default: #2c202b;
+  --illustration-color-950-glycine-hover: #554053;
+  --illustration-color-950-glycine-active: #6c536a;
+  --illustration-color-950-tournesol-default: #292416;
+  --illustration-color-950-tournesol-hover: #4f472f;
+  --illustration-color-950-tournesol-active: #655b3d;
+  --illustration-color-sun-glycine-default: #ce70cc;
+  --illustration-color-sun-glycine-hover: #dfa4dd;
+  --illustration-color-sun-glycine-active: #e7bbe6;
+  --illustration-color-sun-tournesol-default: #ffe552;
+  --illustration-color-sun-tournesol-hover: #e1c700;
+  --illustration-color-sun-tournesol-active: #cab300;
+  --primary-color-sun-blue-france-default: #000091;
+  --primary-color-sun-blue-france-hover: #1212ff;
+  --primary-color-sun-blue-france-active: #2323ff;
+  --primary-color-113-blue-france-default: #000091;
+  --primary-color-113-blue-france-hover: #1212ff;
+  --primary-color-113-blue-france-active: #2323ff;
+  --primary-color-425-red-marianne-default: #f95c5e;
+  --primary-color-425-red-marianne-hover: #fa9293;
+  --primary-color-425-red-marianne-active: #fbabac;
+  --primary-color-850-blue-france-default: #313178;
+  --primary-color-850-blue-france-hover: #5757ad;
+  --primary-color-850-blue-france-active: #6c6cbb;
+  --primary-color-850-red-marianne-default: #5e2a2b;
+  --primary-color-850-red-marianne-hover: #9c4a4c;
+  --primary-color-850-red-marianne-active: #be5c5e;
+  --primary-color-950-blue-france-default: #21213f;
+  --primary-color-950-blue-france-hover: #424275;
+  --primary-color-950-blue-france-active: #56568c;
+  --primary-color-950-red-marianne-default: #331f1f;
+  --primary-color-950-red-marianne-hover: #613f3f;
+  --primary-color-950-red-marianne-active: #7b5151;
+  --primary-color-975-blue-france-default: #1b1b35;
+  --primary-color-975-blue-france-hover: #3a3a68;
+  --primary-color-975-blue-france-active: #4d4d83;
+  --primary-color-975-red-marianne-default: #2b1919;
+  --primary-color-975-red-marianne-hover: #573737;
+  --primary-color-975-red-marianne-active: #704848;
+  --primary-color-main-blue-france-default: #6a6af4;
+  --primary-color-main-blue-france-hover: #9898f8;
+  --primary-color-main-blue-france-active: #aeaef9;
+  --primary-color-main-red-marianne-default: #e1000f;
+  --primary-color-main-red-marianne-hover: #ff292f;
+  --primary-color-main-red-marianne-active: #ff4347;
+  --system-color-425-success-default: #27a658;
+  --system-color-425-success-hover: #36d975;
+  --system-color-425-success-active: #3df183;
+  --system-color-425-warning-default: #fc5d00;
+  --system-color-425-warning-hover: #ff8c73;
+  --system-color-425-warning-active: #ffa595;
+  --system-color-425-info-default: #518fff;
+  --system-color-425-info-hover: #98b4ff;
+  --system-color-425-info-active: #b4c7ff;
+  --system-color-425-error-default: #ff5655;
+  --system-color-425-error-hover: #ff8c8c;
+  --system-color-425-error-active: #ffa6a6;
+  --system-color-950-success-default: #19271d;
+  --system-color-950-success-hover: #344c3b;
+  --system-color-950-success-active: #44624d;
+  --system-color-950-warning-default: #361e19;
+  --system-color-950-warning-hover: #663d35;
+  --system-color-950-warning-active: #824f44;
+  --system-color-950-info-default: #1d2437;
+  --system-color-950-info-hover: #3b4767;
+  --system-color-950-info-active: #4c5b83;
+  --system-color-950-error-default: #391c1c;
+  --system-color-950-error-hover: #6c3a3a;
+  --system-color-950-error-active: #894b4b;
+  --system-focus-default: #0a76f6;
+  --alternative-body-text-LG-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-LG-article-text-Regular-size: 1.25rem;
+  --alternative-body-text-LG-article-text-Regular-weight: 400;
+  --alternative-body-text-LG-article-text-Regular-line-height: 2rem;
+  --alternative-body-text-LG-article-text-Bold-family: georgia, sans-serif;
+  --alternative-body-text-LG-article-text-Bold-size: 1.25rem;
+  --alternative-body-text-LG-article-text-Bold-weight: 900;
+  --alternative-body-text-LG-article-text-Bold-line-height: 2rem;
+  --alternative-body-text-MD-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-MD-article-text-Regular-size: 1rem;
+  --alternative-body-text-MD-article-text-Regular-weight: 400;
+  --alternative-body-text-MD-article-text-Regular-line-height: 1.5rem;
+  --alternative-body-text-MD-article-text-Bold-family: georgia, sans-serif;
+  --alternative-body-text-MD-article-text-Bold-size: 1rem;
+  --alternative-body-text-MD-article-text-Bold-weight: 900;
+  --alternative-body-text-MD-article-text-Bold-line-height: 1.5rem;
+  --alternative-body-text-SM-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-SM-article-text-Regular-size: 0.875rem;
+  --alternative-body-text-SM-article-text-Regular-weight: 400;
+  --alternative-body-text-SM-article-text-Regular-line-height: 1.5rem;
+  --alternative-body-text-SM-article-text-Bold-family: georgia, sans-serif;
+  --alternative-body-text-SM-article-text-Bold-size: 0.875rem;
+  --alternative-body-text-SM-article-text-Bold-weight: 900;
+  --alternative-body-text-SM-article-text-Bold-line-height: 1.5rem;
+  --alternative-body-text-XS-article-text-Regular-family: georgia, sans-serif;
+  --alternative-body-text-XS-article-text-Regular-size: 0.75rem;
+  --alternative-body-text-XS-article-text-Regular-weight: 400;
+  --alternative-body-text-XS-article-text-Regular-line-height: 1.25rem;
+  --alternative-titles-XL-size: 5rem;
+  --alternative-titles-XL-weight: 600;
+  --alternative-titles-XL-line-height: 5.5rem;
+  --alternative-titles-LG-size: 4.5rem;
+  --alternative-titles-LG-weight: 400;
+  --alternative-titles-LG-line-height: 5rem;
+  --alternative-titles-MD-size: 4rem;
+  --alternative-titles-MD-weight: 600;
+  --alternative-titles-MD-line-height: 4.5rem;
+  --alternative-titles-SM-size: 3.5rem;
+  --alternative-titles-SM-weight: 600;
+  --alternative-titles-SM-line-height: 4rem;
+  --alternative-titles-XS-size: 3rem;
+  --alternative-titles-XS-weight: 600;
+  --alternative-titles-XS-line-height: 3.5rem;
+  --text-body-XL-chapo-Regular-size: 1.25rem;
+  --text-body-XL-chapo-Regular-weight: 400;
+  --text-body-XL-chapo-Regular-line-height: 2rem;
+  --text-body-XL-chapo-Bold-size: 1.25rem;
+  --text-body-XL-chapo-Bold-weight: 900;
+  --text-body-XL-chapo-Bold-line-height: 2rem;
+  --text-body-LG-article-text-Regular-size: 1.125rem;
+  --text-body-LG-article-text-Regular-weight: 400;
+  --text-body-LG-article-text-Regular-line-height: 1.75rem;
+  --text-body-LG-article-text-Medium-size: 1.125rem;
+  --text-body-LG-article-text-Medium-weight: 600;
+  --text-body-LG-article-text-Medium-line-height: 1.75rem;
+  --text-body-LG-article-text-Bold-size: 1.125rem;
+  --text-body-LG-article-text-Bold-weight: 900;
+  --text-body-LG-article-text-Bold-line-height: 1.75rem;
+  --text-body-MD-standard-text-Regular-size: 1rem;
+  --text-body-MD-standard-text-Regular-weight: 400;
+  --text-body-MD-standard-text-Regular-line-height: 1.5rem;
+  --text-body-MD-standard-text-Medium-size: 1rem;
+  --text-body-MD-standard-text-Medium-weight: 600;
+  --text-body-MD-standard-text-Medium-line-height: 1.5rem;
+  --text-body-MD-standard-text-Bold-size: 1rem;
+  --text-body-MD-standard-text-Bold-weight: 900;
+  --text-body-MD-standard-text-Bold-line-height: 1.5rem;
+  --text-body-MD-standard-text-Italic-size: 1rem;
+  --text-body-MD-standard-text-Italic-weight: 400;
+  --text-body-MD-standard-text-Italic-style: italic;
+  --text-body-MD-standard-text-Italic-line-height: 1.5rem;
+  --text-body-SM-detail-text-Regular-size: 0.875rem;
+  --text-body-SM-detail-text-Regular-weight: 400;
+  --text-body-SM-detail-text-Regular-line-height: 1.5rem;
+  --text-body-SM-detail-text-Medium-size: 0.875rem;
+  --text-body-SM-detail-text-Medium-weight: 600;
+  --text-body-SM-detail-text-Medium-line-height: 1.5rem;
+  --text-body-SM-detail-text-Bold-size: 0.875rem;
+  --text-body-SM-detail-text-Bold-weight: 900;
+  --text-body-SM-detail-text-Bold-line-height: 1.5rem;
+  --text-body-SM-detail-text-Italic-size: 0.875rem;
+  --text-body-SM-detail-text-Italic-weight: 400;
+  --text-body-SM-detail-text-Italic-style: italic;
+  --text-body-SM-detail-text-Italic-line-height: 1.5rem;
+  --text-body-SM-detail-text-Maj-size: 0.875rem;
+  --text-body-SM-detail-text-Maj-weight: 600;
+  --text-body-SM-detail-text-Maj-line-height: 1.5rem;
+  --text-body-SM-detail-text-Maj-text-transform: uppercase;
+  --text-body-XS-mention-text-Regular-size: 0.75rem;
+  --text-body-XS-mention-text-Regular-weight: 400;
+  --text-body-XS-mention-text-Regular-line-height: 1.25rem;
+  --text-body-XS-mention-text-Medium-size: 0.75rem;
+  --text-body-XS-mention-text-Medium-weight: 600;
+  --text-body-XS-mention-text-Medium-line-height: 1.25rem;
+  --text-body-XS-mention-text-Bold-size: 0.75rem;
+  --text-body-XS-mention-text-Bold-weight: 900;
+  --text-body-XS-mention-text-Bold-line-height: 1.25rem;
+  --text-body-XS-mention-text-Italic-size: 0.75rem;
+  --text-body-XS-mention-text-Italic-weight: 400;
+  --text-body-XS-mention-text-Italic-style: italic;
+  --text-body-XS-mention-text-Italic-line-height: 1.25rem;
+  --text-body-XS-mention-text-Maj-size: 0.75rem;
+  --text-body-XS-mention-text-Maj-weight: 600;
+  --text-body-XS-mention-text-Maj-line-height: 1.25rem;
+  --text-body-XS-mention-text-Underlined-size: 0.75rem;
+  --text-body-XS-mention-text-Underlined-weight: 600;
+  --text-body-XS-mention-text-Underlined-line-height: 1.25rem;
+  --text-body-XS-mention-text-Underlined-text-decoration: underline;
+  --titles-H1-XL-size: 2.5rem;
+  --titles-H1-XL-weight: 600;
+  --titles-H1-XL-line-height: 3rem;
+  --titles-H2-LG-size: 2rem;
+  --titles-H2-LG-weight: 600;
+  --titles-H2-LG-line-height: 2.5rem;
+  --titles-H3-MD-size: 1.75rem;
+  --titles-H3-MD-weight: 600;
+  --titles-H3-MD-line-height: 2.25rem;
+  --titles-H4-SM-size: 1.5rem;
+  --titles-H4-SM-weight: 600;
+  --titles-H4-SM-line-height: 2rem;
+  --titles-H5-XS-size: 1.375rem;
+  --titles-H5-XS-weight: 600;
+  --titles-H5-XS-line-height: 1.75rem;
+  --titles-H6-XXS-size: 1.25rem;
+  --titles-H6-XXS-weight: 600;
+  --titles-H6-XXS-line-height: 1.75rem;
+  --font-family-primary: Arial, sans-serif;
+  --font-family-alt: georgia, sans-serif;
+}
+
+/*# sourceMappingURL=variables.css.map */
diff --git a/output/variables.css.map b/output/variables.css.map
new file mode 100644
index 0000000..efcb250
--- /dev/null
+++ b/output/variables.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../src/_variables.scss","../src/functions/_mixins.scss"],"names":[],"mappings":"AAyBA;ECpBY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ADwFZ;EC5FY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"variables.css"}
\ No newline at end of file