/**** Public Sans Font Declaration ****/ /* Style: normal - Weight: 100 900 - Subset: latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: italic - Weight: 100 900 - Subset: latin */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: normal - Weight: 100 900 - Subset: latin-ext */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: italic - Weight: 100 900 - Subset: latin-ext */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: normal - Weight: 100 900 - Subset: menu */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); } /* Style: italic - Weight: 100 900 - Subset: menu */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); } /* Style: normal - Weight: 100 900 - Subset: vietnamese */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* Style: italic - Weight: 100 900 - Subset: vietnamese */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /**** Public Sans Font Declaration ****/ /* Style: normal - Weight: 100 900 - Subset: latin */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: italic - Weight: 100 900 - Subset: latin */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Style: normal - Weight: 100 900 - Subset: latin-ext */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: italic - Weight: 100 900 - Subset: latin-ext */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* Style: normal - Weight: 100 900 - Subset: menu */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); } /* Style: italic - Weight: 100 900 - Subset: menu */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); } /* Style: normal - Weight: 100 900 - Subset: vietnamese */ @font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans[wght].ttf) format('truetype'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* Style: italic - Weight: 100 900 - Subset: vietnamese */ @font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].woff2) format('woff2'), url(https://portals-static-assets.avacdn.net/fonts/v2/publicsans/PublicSans-Italic[wght].ttf) format('truetype'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* =========================================================================== GLOBAL VARIABLES: BASE -------------------------------------------------------------------------- Root : Font : Color (Palettes, Hue and Saturation) -------------------------------------------------------------------------- GLOBAL VARIABLES: CALCULATED -------------------------------------------------------------------------- Root : Color (Palettes - transparent variant) : Neutral ('General' in UI) : Link : Button : Brand : Emphasis : Error : Info : Success : Warning -------------------------------------------------------------------------- VARIABLE SETS: ELEMENTS -------------------------------------------------------------------------- Buttons Fields Typography : Descriptions : Labels : Titles -------------------------------------------------------------------------- VARIABLE SETS: COMPONENTS -------------------------------------------------------------------------- Tables / Lists =========================================================================== */ /* GLOBAL VARIABLES: BASE/Root */ :root { --a-gs--font--family--default:'Public Sans'; --a-gs--font--family--emphasis:'Public Sans'; --a-gs--font--size--00:1rem; --a-gs--font--size--01:1.1rem; --a-gs--font--size--02:0.9rem; --a-gs--font--size--03:1.4rem; --a-gs--font--size--04:1.6rem; --a-gs--font--size--05:2.2rem; --a-gs--font--size--06:1.9rem; --a-gs--font--size--07:1.75rem; --a-gs--font--size--08:3rem; --a-gs--font--size--09:1.5rem; --a-gs--font--size--10:4.2rem; --a-gs--font--size--11:4.6rem; --a-gs--font--size--12:5.2rem; --a-gs--color--neutral--base--hue:172; --a-gs--color--neutral--base--sat:46%; --a-gs--color--neutral--base--lig:88; --a-gs--swatch--neutral--100:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--100, 100%), 1); --a-gs--swatch--neutral--095:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--095, 95%), 1); --a-gs--swatch--neutral--090:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--090, 90%), 1); --a-gs--swatch--neutral--080:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--080, 80%), 1); --a-gs--swatch--neutral--070:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--070, 70%), 1); --a-gs--swatch--neutral--060:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--060, 60%), 1); --a-gs--swatch--neutral--050:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--050, 50%), 1); --a-gs--swatch--neutral--040:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--040, 40%), 1); --a-gs--swatch--neutral--030:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--030, 30%), 1); --a-gs--swatch--neutral--020:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--020, 20%), 1); --a-gs--swatch--neutral--010:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--010, 10%), 1); --a-gs--swatch--neutral--000:hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), var(--a-gs--lightness--neutral--000, 0%), 1); --a-gs--color--brand--base--hue:188; --a-gs--color--brand--base--sat:73%; --a-gs--color--brand--base--lig:16; --a-gs--swatch--brand--100:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--100, 100%), 1); --a-gs--swatch--brand--095:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--095, 95%), 1); --a-gs--swatch--brand--090:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--090, 90%), 1); --a-gs--swatch--brand--080:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--080, 80%), 1); --a-gs--swatch--brand--070:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--070, 70%), 1); --a-gs--swatch--brand--060:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--060, 60%), 1); --a-gs--swatch--brand--050:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--050, 50%), 1); --a-gs--swatch--brand--040:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--040, 40%), 1); --a-gs--swatch--brand--030:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--030, 30%), 1); --a-gs--swatch--brand--020:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--020, 20%), 1); --a-gs--swatch--brand--010:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--010, 10%), 1); --a-gs--swatch--brand--000:hsla(var(--a-gs--color--brand--base--hue), var(--a-gs--color--brand--base--sat), var(--a-gs--lightness--brand--000, 0%), 1); --a-gs--color--emphasis--base--hue:187; --a-gs--color--emphasis--base--sat:63%; --a-gs--color--emphasis--base--lig:72; --a-gs--swatch--emphasis--100:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--100, 100%), 1); --a-gs--swatch--emphasis--095:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--095, 95%), 1); --a-gs--swatch--emphasis--090:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--090, 90%), 1); --a-gs--swatch--emphasis--080:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--080, 80%), 1); --a-gs--swatch--emphasis--070:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--070, 70%), 1); --a-gs--swatch--emphasis--060:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--060, 60%), 1); --a-gs--swatch--emphasis--050:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--050, 50%), 1); --a-gs--swatch--emphasis--040:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--040, 40%), 1); --a-gs--swatch--emphasis--030:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--030, 30%), 1); --a-gs--swatch--emphasis--020:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--020, 20%), 1); --a-gs--swatch--emphasis--010:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--010, 10%), 1); --a-gs--swatch--emphasis--000:hsla(var(--a-gs--color--emphasis--base--hue), var(--a-gs--color--emphasis--base--sat), var(--a-gs--lightness--emphasis--000, 0%), 1); --a-gs--color--link--base--hue:188; --a-gs--color--link--base--sat:73%; --a-gs--color--link--base--lig:16; --a-gs--swatch--link--100:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--100, 100%), 1); --a-gs--swatch--link--095:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--095, 95%), 1); --a-gs--swatch--link--090:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--090, 90%), 1); --a-gs--swatch--link--080:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--080, 80%), 1); --a-gs--swatch--link--070:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--070, 70%), 1); --a-gs--swatch--link--060:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--060, 60%), 1); --a-gs--swatch--link--050:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--050, 50%), 1); --a-gs--swatch--link--040:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--040, 40%), 1); --a-gs--swatch--link--030:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--030, 30%), 1); --a-gs--swatch--link--020:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--020, 20%), 1); --a-gs--swatch--link--010:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--010, 10%), 1); --a-gs--swatch--link--000:hsla(var(--a-gs--color--link--base--hue), var(--a-gs--color--link--base--sat), var(--a-gs--lightness--link--000, 0%), 1); --a-gs--color--button--base--hue:188; --a-gs--color--button--base--sat:73%; --a-gs--color--button--base--lig:16; --a-gs--swatch--button--100:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--100, 100%), 1); --a-gs--swatch--button--095:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--095, 95%), 1); --a-gs--swatch--button--090:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--090, 90%), 1); --a-gs--swatch--button--080:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--080, 80%), 1); --a-gs--swatch--button--070:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--070, 70%), 1); --a-gs--swatch--button--060:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--060, 60%), 1); --a-gs--swatch--button--050:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--050, 50%), 1); --a-gs--swatch--button--040:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--040, 40%), 1); --a-gs--swatch--button--030:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--030, 30%), 1); --a-gs--swatch--button--020:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--020, 20%), 1); --a-gs--swatch--button--010:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--010, 10%), 1); --a-gs--swatch--button--000:hsla(var(--a-gs--color--button--base--hue), var(--a-gs--color--button--base--sat), var(--a-gs--lightness--button--000, 0%), 1); --a-gs--color--error--base--hue:347; --a-gs--color--error--base--sat:82%; --a-gs--color--error--base--lig:40; --a-gs--swatch--error--100:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--100, 100%), 1); --a-gs--swatch--error--095:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--095, 95%), 1); --a-gs--swatch--error--090:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--090, 90%), 1); --a-gs--swatch--error--080:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--080, 80%), 1); --a-gs--swatch--error--070:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--070, 70%), 1); --a-gs--swatch--error--060:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--060, 60%), 1); --a-gs--swatch--error--050:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--050, 50%), 1); --a-gs--swatch--error--040:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--040, 40%), 1); --a-gs--swatch--error--030:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--030, 30%), 1); --a-gs--swatch--error--020:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--020, 20%), 1); --a-gs--swatch--error--010:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--010, 10%), 1); --a-gs--swatch--error--000:hsla(var(--a-gs--color--error--base--hue), var(--a-gs--color--error--base--sat), var(--a-gs--lightness--error--000, 0%), 1); --a-gs--color--info--base--hue:222; --a-gs--color--info--base--sat:31%; --a-gs--color--info--base--lig:94; --a-gs--swatch--info--100:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--100, 100%), 1); --a-gs--swatch--info--095:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--095, 95%), 1); --a-gs--swatch--info--090:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--090, 90%), 1); --a-gs--swatch--info--080:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--080, 80%), 1); --a-gs--swatch--info--070:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--070, 70%), 1); --a-gs--swatch--info--060:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--060, 60%), 1); --a-gs--swatch--info--050:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--050, 50%), 1); --a-gs--swatch--info--040:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--040, 40%), 1); --a-gs--swatch--info--030:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--030, 30%), 1); --a-gs--swatch--info--020:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--020, 20%), 1); --a-gs--swatch--info--010:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--010, 10%), 1); --a-gs--swatch--info--000:hsla(var(--a-gs--color--info--base--hue), var(--a-gs--color--info--base--sat), var(--a-gs--lightness--info--000, 0%), 1); --a-gs--color--warning--base--hue:24; --a-gs--color--warning--base--sat:100%; --a-gs--color--warning--base--lig:39; --a-gs--swatch--warning--100:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--100, 100%), 1); --a-gs--swatch--warning--095:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--095, 95%), 1); --a-gs--swatch--warning--090:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--090, 90%), 1); --a-gs--swatch--warning--080:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--080, 80%), 1); --a-gs--swatch--warning--070:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--070, 70%), 1); --a-gs--swatch--warning--060:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--060, 60%), 1); --a-gs--swatch--warning--050:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--050, 50%), 1); --a-gs--swatch--warning--040:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--040, 40%), 1); --a-gs--swatch--warning--030:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--030, 30%), 1); --a-gs--swatch--warning--020:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--020, 20%), 1); --a-gs--swatch--warning--010:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--010, 10%), 1); --a-gs--swatch--warning--000:hsla(var(--a-gs--color--warning--base--hue), var(--a-gs--color--warning--base--sat), var(--a-gs--lightness--warning--000, 0%), 1); --a-gs--color--success--base--hue:123; --a-gs--color--success--base--sat:100%; --a-gs--color--success--base--lig:27; --a-gs--swatch--success--100:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--100, 100%), 1); --a-gs--swatch--success--095:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--095, 95%), 1); --a-gs--swatch--success--090:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--090, 90%), 1); --a-gs--swatch--success--080:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--080, 80%), 1); --a-gs--swatch--success--070:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--070, 70%), 1); --a-gs--swatch--success--060:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--060, 60%), 1); --a-gs--swatch--success--050:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--050, 50%), 1); --a-gs--swatch--success--040:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--040, 40%), 1); --a-gs--swatch--success--030:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--030, 30%), 1); --a-gs--swatch--success--020:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--020, 20%), 1); --a-gs--swatch--success--010:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--010, 10%), 1); --a-gs--swatch--success--000:hsla(var(--a-gs--color--success--base--hue), var(--a-gs--color--success--base--sat), var(--a-gs--lightness--success--000, 0%), 1); --a-gs--color--custom--01--hue:189; --a-gs--color--custom--01--sat:51%; --a-gs--color--custom--01--lig:37; --a-gs--swatch--custom--01--100:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--100, 100%), 1); --a-gs--swatch--custom--01--095:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--095, 95%), 1); --a-gs--swatch--custom--01--090:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--090, 90%), 1); --a-gs--swatch--custom--01--080:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--080, 80%), 1); --a-gs--swatch--custom--01--070:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--070, 70%), 1); --a-gs--swatch--custom--01--060:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--060, 60%), 1); --a-gs--swatch--custom--01--050:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--050, 50%), 1); --a-gs--swatch--custom--01--040:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--040, 40%), 1); --a-gs--swatch--custom--01--030:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--030, 30%), 1); --a-gs--swatch--custom--01--020:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--020, 20%), 1); --a-gs--swatch--custom--01--010:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--010, 10%), 1); --a-gs--swatch--custom--01--000:hsla(var(--a-gs--color--custom--01--hue), var(--a-gs--color--custom--01--sat), var(--a-gs--lightness--custom--01--000, 0%), 1); --a-gs--color--custom--02--hue:200; --a-gs--color--custom--02--sat:10%; --a-gs--color--custom--02--lig:82; --a-gs--swatch--custom--02--100:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--100, 100%), 1); --a-gs--swatch--custom--02--095:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--095, 95%), 1); --a-gs--swatch--custom--02--090:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--090, 90%), 1); --a-gs--swatch--custom--02--080:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--080, 80%), 1); --a-gs--swatch--custom--02--070:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--070, 70%), 1); --a-gs--swatch--custom--02--060:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--060, 60%), 1); --a-gs--swatch--custom--02--050:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--050, 50%), 1); --a-gs--swatch--custom--02--040:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--040, 40%), 1); --a-gs--swatch--custom--02--030:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--030, 30%), 1); --a-gs--swatch--custom--02--020:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--020, 20%), 1); --a-gs--swatch--custom--02--010:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--010, 10%), 1); --a-gs--swatch--custom--02--000:hsla(var(--a-gs--color--custom--02--hue), var(--a-gs--color--custom--02--sat), var(--a-gs--lightness--custom--02--000, 0%), 1); --a-gs--html--font--size:100%; --a-gs--font--weight--01:100; --a-gs--font--weight--02:200; --a-gs--font--weight--03:300; --a-gs--font--weight--04:400; --a-gs--font--weight--05:500; --a-gs--font--weight--06:600; --a-gs--font--weight--07:700; --a-gs--font--weight--08:800; --a-gs--font--weight--09:900; --a-gs--font--style--normal:normal; --a-gs--font--style--italic:italic; /* Lightness variables for dynamic swatches */ --a-gs--lightness--neutral--100:100%; --a-gs--lightness--brand--020:16%; --a-gs--lightness--emphasis--070:72%; --a-gs--lightness--neutral--000:0%; --a-gs--lightness--neutral--030:28%; --a-gs--lightness--info--090:94%; --a-gs--lightness--brand--030:26%; --a-gs--lightness--neutral--095:95%; --a-gs--lightness--link--100:100%; --a-gs--lightness--button--020:16%; --a-gs--lightness--neutral--090:88%; --a-gs--lightness--brand--095:95%; --a-gs--lightness--brand--100:100%; --a-gs--lightness--brand--040:36%; --a-gs--lightness--brand--050:46%; --a-gs--lightness--brand--010:10%; --a-gs--lightness--neutral--070:68%; --a-gs--lightness--emphasis--095:95%; --a-gs--lightness--emphasis--040:42%; --a-gs--lightness--emphasis--050:52%; --a-gs--lightness--emphasis--060:62%; --a-gs--lightness--emphasis--030:32%; --a-gs--lightness--emphasis--100:100%; --a-gs--lightness--emphasis--000:0%; --a-gs--lightness--link--020:16%; --a-gs--lightness--link--030:26%; --a-gs--lightness--button--030:26%; --a-gs--lightness--button--100:100%; --a-gs--lightness--button--010:10%; --a-gs--lightness--button--000:0%; --a-gs--lightness--button--095:95%; --a-gs--lightness--button--040:36%; --a-gs--lightness--custom--01--095:95%; --a-gs--lightness--button--050:46%; --a-gs--lightness--error--050:50%; --a-gs--lightness--error--060:60%; --a-gs--lightness--error--040:40%; --a-gs--lightness--error--020:20%; --a-gs--lightness--info--095:95%; --a-gs--lightness--info--010:10%; --a-gs--lightness--error--095:95%; --a-gs--lightness--error--100:100%; --a-gs--lightness--warning--040:39%; --a-gs--lightness--warning--095:95%; --a-gs--lightness--warning--010:10%; --a-gs--lightness--success--030:27%; --a-gs--lightness--success--095:95%; --a-gs--lightness--success--010:10%; /* html--font--size */ font-size: var(--a-gs--html--font--size); } /* GLOBAL VARIABLES: CALCULATED/Root */ :root { /* GLOBAL STYLES: COLOR VARIABLES SETS/Transparent */ --a-gs--swatch--neutral--transparent: hsla(var(--a-gs--color--neutral--base--hue), var(--a-gs--color--neutral--base--sat), 100%, 0); --a-gs--color--border--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--background--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--surface--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--transparent: var(--a-gs--swatch--neutral--transparent); --a-gs--color--text--transparent: var(--a-gs--swatch--neutral--transparent); } /* VARIABLE SETS: ADDED DYNAMICALLY */ :root { --a-gs--title--font--family:var(--a-gs--font--family--default); --a-gs--title--font--size--01:var(--a-gs--font--size--09); --a-gs--title--font--size--02:var(--a-gs--font--size--06); --a-gs--title--font--size--03:var(--a-gs--font--size--05); --a-gs--title--font--size--04:var(--a-gs--font--size--04); --a-gs--title--font--weight:var(--a-gs--font--weight--07); --a-gs--title--font--style:var(--a-gs--font--style--normal); --a-gs--text--font--family:var(--a-gs--font--family--default); --a-gs--text--font--size--01:var(--a-gs--font--size--00); --a-gs--text--font--size--02:var(--a-gs--font--size--02); --a-gs--text--font--weight:var(--a-gs--font--weight--04); --a-gs--text--font--style:var(--a-gs--font--style--normal); --a-gs--button--font--family:var(--a-gs--font--family--default); --a-gs--button--font--size:var(--a-gs--font--size--03); --a-gs--button--font--weight:var(--a-gs--font--weight--07); --a-gs--button--font--style:var(--a-gs--font--style--normal); --a-gs--color--background--default:var(--a-gs--swatch--neutral--100); --a-gs--color--background--secondary:var(--a-gs--swatch--brand--020); --a-gs--color--background--tertiary:var(--a-gs--swatch--emphasis--070); --a-gs--color--surface--default:var(--a-gs--swatch--neutral--100); --a-gs--color--surface--secondary:var(--a-gs--swatch--brand--020); --a-gs--color--surface--tertiary:var(--a-gs--swatch--emphasis--070); --a-gs--color--border--default:var(--a-gs--swatch--brand--020); --a-gs--color--text--default:var(--a-gs--swatch--neutral--000); --a-gs--color--text--strong:var(--a-gs--swatch--neutral--000); --a-gs--color--text--subdued:var(--a-gs--swatch--neutral--030); --a-gs--color--text--disabled:var(--a-gs--swatch--info--090); --a-gs--color--fill--default:var(--a-gs--swatch--brand--020); --a-gs--color--fill--default--hover:var(--a-gs--swatch--brand--030); --a-gs--color--fill--default--focus:var(--a-gs--swatch--brand--030); --a-gs--color--fill--default--active:var(--a-gs--swatch--brand--020); --a-gs--color--fill--default--selected:var(--a-gs--swatch--brand--020); --a-gs--color--fill--default--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--text--on--fill--default:var(--a-gs--swatch--neutral--100); --a-gs--color--text--on--fill--default--hover:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--default--focus:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--default--active:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--default--selected:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--default--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--border--on--fill--default:var(--a-gs--swatch--brand--020); --a-gs--color--border--on--fill--default--hover:var(--a-gs--swatch--neutral--030); --a-gs--color--border--on--fill--default--focus:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--default--active:var(--a-gs--swatch--brand--020); --a-gs--color--border--on--fill--default--selected:var(--a-gs--swatch--brand--020); --a-gs--color--border--on--fill--default--disabled:var(--a-gs--swatch--neutral--090); --a-gs--color--surface--brand:var(--a-gs--swatch--brand--095); --a-gs--color--border--brand:var(--a-gs--swatch--brand--020); --a-gs--color--text--brand:var(--a-gs--swatch--brand--100); --a-gs--color--fill--brand:var(--a-gs--swatch--brand--040); --a-gs--color--fill--brand--hover:var(--a-gs--swatch--brand--050); --a-gs--color--fill--brand--focus:var(--a-gs--swatch--brand--030); --a-gs--color--fill--brand--active:var(--a-gs--swatch--brand--030); --a-gs--color--fill--brand--selected:var(--a-gs--swatch--brand--095); --a-gs--color--fill--brand--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--text--on--fill--brand:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--hover:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--focus:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--active:var(--a-gs--swatch--brand--100); --a-gs--color--text--on--fill--brand--selected:var(--a-gs--swatch--brand--010); --a-gs--color--text--on--fill--brand--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--brand:var(--a-gs--swatch--brand--040); --a-gs--color--border--on--fill--brand--hover:var(--a-gs--swatch--brand--050); --a-gs--color--border--on--fill--brand--focus:var(--a-gs--swatch--brand--030); --a-gs--color--border--on--fill--brand--active:var(--a-gs--swatch--brand--030); --a-gs--color--border--on--fill--brand--selected:var(--a-gs--swatch--brand--010); --a-gs--color--border--on--fill--brand--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--surface--emphasis:var(--a-gs--swatch--emphasis--095); --a-gs--color--border--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--text--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--fill--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--fill--emphasis--hover:var(--a-gs--swatch--emphasis--050); --a-gs--color--fill--emphasis--focus:var(--a-gs--swatch--emphasis--060); --a-gs--color--fill--emphasis--active:var(--a-gs--swatch--emphasis--030); --a-gs--color--fill--emphasis--selected:var(--a-gs--swatch--emphasis--030); --a-gs--color--fill--emphasis--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--text--on--fill--emphasis:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--hover:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--focus:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--active:var(--a-gs--swatch--emphasis--100); --a-gs--color--text--on--fill--emphasis--selected:var(--a-gs--swatch--emphasis--000); --a-gs--color--text--on--fill--emphasis--disabled:var(--a-gs--swatch--neutral--090); --a-gs--color--border--on--fill--emphasis:var(--a-gs--swatch--emphasis--040); --a-gs--color--border--on--fill--emphasis--hover:var(--a-gs--swatch--emphasis--050); --a-gs--color--border--on--fill--emphasis--focus:var(--a-gs--swatch--emphasis--060); --a-gs--color--border--on--fill--emphasis--active:var(--a-gs--swatch--emphasis--070); --a-gs--color--border--on--fill--emphasis--selected:var(--a-gs--swatch--emphasis--030); --a-gs--color--border--on--fill--emphasis--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--text--link:var(--a-gs--swatch--link--020); --a-gs--color--text--link--hover:var(--a-gs--swatch--link--030); --a-gs--color--text--link--focus:var(--a-gs--swatch--link--020); --a-gs--color--text--link--active:var(--a-gs--swatch--link--020); --a-gs--color--text--link--selected:var(--a-gs--swatch--brand--020); --a-gs--color--text--link--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--link:var(--a-gs--swatch--button--020); --a-gs--color--fill--link--hover:var(--a-gs--swatch--button--030); --a-gs--color--fill--link--focus:var(--a-gs--swatch--button--020); --a-gs--color--fill--link--active:var(--a-gs--swatch--button--020); --a-gs--color--fill--link--selected:var(--a-gs--swatch--button--020); --a-gs--color--fill--link--disabled:var(--a-gs--swatch--brand--020); --a-gs--color--text--on--fill--link:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--link--hover:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--link--focus:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--link--active:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--link--selected:var(--a-gs--swatch--link--100); --a-gs--color--text--on--fill--link--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--border--on--fill--link:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--link--hover:var(--a-gs--swatch--button--030); --a-gs--color--border--on--fill--link--focus:var(--a-gs--swatch--brand--020); --a-gs--color--border--on--fill--link--active:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--link--selected:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--link--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--primary:var(--a-gs--swatch--button--020); --a-gs--color--fill--primary--hover:var(--a-gs--swatch--button--030); --a-gs--color--fill--primary--focus:var(--a-gs--swatch--button--020); --a-gs--color--fill--primary--active:var(--a-gs--swatch--button--020); --a-gs--color--fill--primary--selected:var(--a-gs--swatch--button--020); --a-gs--color--fill--primary--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--text--on--fill--primary:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--hover:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--focus:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--active:var(--a-gs--swatch--button--100); --a-gs--color--text--on--fill--primary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--primary--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--border--on--fill--primary:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--primary--hover:var(--a-gs--swatch--button--030); --a-gs--color--border--on--fill--primary--focus:var(--a-gs--swatch--button--000); --a-gs--color--border--on--fill--primary--active:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--primary--selected:var(--a-gs--swatch--button--020); --a-gs--color--border--on--fill--primary--disabled:var(--a-gs--swatch--neutral--095); --a-gs--color--fill--secondary:var(--a-gs--swatch--button--100); --a-gs--color--fill--secondary--hover:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--focus:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--active:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--selected:var(--a-gs--swatch--button--095); --a-gs--color--fill--secondary--disabled:var(--a-gs--swatch--neutral--100); --a-gs--color--text--on--fill--secondary:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--secondary--hover:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--secondary--focus:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--secondary--active:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--secondary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--secondary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--secondary:var(--a-gs--swatch--button--040); --a-gs--color--border--on--fill--secondary--hover:var(--a-gs--swatch--button--040); --a-gs--color--border--on--fill--secondary--focus:var(--a-gs--swatch--button--000); --a-gs--color--border--on--fill--secondary--active:var(--a-gs--swatch--button--030); --a-gs--color--border--on--fill--secondary--selected:var(--a-gs--swatch--button--010); --a-gs--color--border--on--fill--secondary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--fill--tertiary:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--focus:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--tertiary--disabled:var(--a-gs--swatch--custom--01--095); --a-gs--color--text--on--fill--tertiary:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--tertiary--hover:var(--a-gs--swatch--button--050); --a-gs--color--text--on--fill--tertiary--focus:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--tertiary--active:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--tertiary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--tertiary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--tertiary:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--focus:var(--a-gs--swatch--neutral--000); --a-gs--color--border--on--fill--tertiary--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--tertiary--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--auxiliary:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--auxiliary--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--auxiliary--focus:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--auxiliary--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--auxiliary--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--auxiliary--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--text--on--fill--auxiliary:var(--a-gs--swatch--button--040); --a-gs--color--text--on--fill--auxiliary--hover:var(--a-gs--swatch--button--050); --a-gs--color--text--on--fill--auxiliary--focus:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--auxiliary--active:var(--a-gs--swatch--button--030); --a-gs--color--text--on--fill--auxiliary--selected:var(--a-gs--swatch--button--010); --a-gs--color--text--on--fill--auxiliary--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--auxiliary:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--auxiliary--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--auxiliary--focus:var(--a-gs--swatch--neutral--000); --a-gs--color--border--on--fill--auxiliary--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--auxiliary--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--auxiliary--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--destructive:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--destructive--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--destructive--focus:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--destructive--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--destructive--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--fill--destructive--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--text--on--fill--destructive:var(--a-gs--swatch--error--050); --a-gs--color--text--on--fill--destructive--hover:var(--a-gs--swatch--error--060); --a-gs--color--text--on--fill--destructive--focus:var(--a-gs--swatch--error--040); --a-gs--color--text--on--fill--destructive--active:var(--a-gs--swatch--error--040); --a-gs--color--text--on--fill--destructive--selected:var(--a-gs--swatch--error--020); --a-gs--color--text--on--fill--destructive--disabled:var(--a-gs--swatch--neutral--070); --a-gs--color--border--on--fill--destructive:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--destructive--hover:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--destructive--focus:var(--a-gs--swatch--neutral--000); --a-gs--color--border--on--fill--destructive--active:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--destructive--selected:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--on--fill--destructive--disabled:var(--a-gs--swatch--neutral--transparent); --a-gs--color--border--info:var(--a-gs--swatch--info--090); --a-gs--color--text--info:var(--a-gs--swatch--info--090); --a-gs--color--fill--info:var(--a-gs--swatch--info--095); --a-gs--color--text--on--fill--info:var(--a-gs--swatch--info--010); --a-gs--color--border--on--fill--info:var(--a-gs--swatch--info--090); --a-gs--color--border--error:var(--a-gs--swatch--error--040); --a-gs--color--text--error:var(--a-gs--swatch--error--040); --a-gs--color--fill--error:var(--a-gs--swatch--error--095); --a-gs--color--text--on--fill--error:var(--a-gs--swatch--error--100); --a-gs--color--border--on--fill--error:var(--a-gs--swatch--error--040); --a-gs--color--border--warning:var(--a-gs--swatch--warning--040); --a-gs--color--text--warning:var(--a-gs--swatch--warning--040); --a-gs--color--fill--warning:var(--a-gs--swatch--warning--095); --a-gs--color--text--on--fill--warning:var(--a-gs--swatch--warning--010); --a-gs--color--border--on--fill--warning:var(--a-gs--swatch--warning--040); --a-gs--color--border--success:var(--a-gs--swatch--success--030); --a-gs--color--text--success:var(--a-gs--swatch--success--030); --a-gs--color--fill--success:var(--a-gs--swatch--success--095); --a-gs--color--text--on--fill--success:var(--a-gs--swatch--success--010); --a-gs--color--border--on--fill--success:var(--a-gs--swatch--success--030); }