@dta-au/civictheme-twig 1.13.1

package/dist/constants.json

@@ -0,0 +1,1562 @@
+{
+  "BACKGROUNDS": {
+    "civictheme_background_1.png": "assets/backgrounds/civictheme_background_1.png",
+    "civictheme_background_2.png": "assets/backgrounds/civictheme_background_2.png",
+    "civictheme_background_3.png": "assets/backgrounds/civictheme_background_3.png",
+    "civictheme_background_4.png": "assets/backgrounds/civictheme_background_4.png",
+    "civictheme_background_5.png": "assets/backgrounds/civictheme_background_5.png",
+    "civictheme_background_6.png": "assets/backgrounds/civictheme_background_6.png",
+    "civictheme_background_7.png": "assets/backgrounds/civictheme_background_7.png"
+  },
+  "ICONS": [
+    "account",
+    "approve",
+    "bars",
+    "bullet",
+    "calendar-1",
+    "calendar-2",
+    "call",
+    "cancel",
+    "checked",
+    "close-outline",
+    "close",
+    "document",
+    "down-arrow-1",
+    "down-arrow-2",
+    "download-file",
+    "download",
+    "exclamation-mark-1",
+    "exclamation-mark-2",
+    "exclamation-mark-3",
+    "eye",
+    "facebook",
+    "help",
+    "image",
+    "information-mark",
+    "instagram",
+    "layer",
+    "layers",
+    "left-arrow-outline",
+    "left-arrow",
+    "linkedin",
+    "lock-file",
+    "lock-gallery",
+    "magnifier",
+    "map",
+    "megaphone",
+    "message",
+    "mobile",
+    "mortarboard",
+    "newspaper",
+    "open-source",
+    "pdf-file",
+    "progress",
+    "right-arrow-1",
+    "right-arrow-2",
+    "select-box",
+    "share",
+    "square",
+    "to-do",
+    "twitter",
+    "up-arrow",
+    "upper-arrow",
+    "upper-right-arrow",
+    "users",
+    "watch",
+    "water-drop",
+    "web",
+    "word-file",
+    "x",
+    "youtube"
+  ],
+  "LOGOS": {
+    "light": {
+      "civictheme": {
+        "desktop": "assets/logos/logo_custom_light_desktop_civictheme.svg",
+        "mobile": "assets/logos/logo_custom_light_mobile_civictheme.svg"
+      },
+      "primary": {
+        "desktop": "assets/logos/logo_primary_light_desktop.png",
+        "mobile": "assets/logos/logo_primary_light_mobile.png"
+      },
+      "secondary": {
+        "desktop": "assets/logos/logo_secondary_light_desktop.png",
+        "mobile": "assets/logos/logo_secondary_light_mobile.png"
+      }
+    },
+    "dark": {
+      "primary": {
+        "desktop": "assets/logos/logo_primary_dark_desktop.png",
+        "mobile": "assets/logos/logo_primary_dark_mobile.png"
+      },
+      "secondary": {
+        "desktop": "assets/logos/logo_secondary_dark_desktop.png",
+        "mobile": "assets/logos/logo_secondary_dark_mobile.png"
+      }
+    }
+  },
+  "SCSS_VARIABLES": {
+    "ct-particle": "8px",
+    "ct-assets-directory": "'./assets/'",
+    "ct-colors-brands": {
+      "light": {
+        "brand1": "#00698f",
+        "brand2": "#e6e9eb",
+        "brand3": "#121313"
+      },
+      "dark": {
+        "brand1": "#61daff",
+        "brand2": "#003a4f",
+        "brand3": "#00698f"
+      }
+    },
+    "ct-colors": {},
+    "ct-colors-default": {
+      "light": {
+        "heading": "ct-color-shade(ct-color-constant-light('brand1'), 60)",
+        "body": "ct-color-tint(ct-color-shade(ct-color-constant-light('brand1'), 80), 20)",
+        "background-light": "ct-color-tint(ct-color-constant-light('brand2'), 90)",
+        "background": "ct-color-constant-light('brand2')",
+        "background-dark": "ct-color-shade(ct-color-constant-light('brand2'), 20)",
+        "border-light": "ct-color-shade(ct-color-constant-light('brand2'), 25)",
+        "border": "ct-color-shade(ct-color-constant-light('brand2'), 60)",
+        "border-dark": "ct-color-shade(ct-color-constant-light('brand2'), 90)",
+        "interaction-text": "ct-color-tint(ct-color-constant-light('brand2'), 80)",
+        "interaction-background": "ct-color-constant-light('brand1')",
+        "interaction-hover-text": "ct-color-tint(ct-color-constant-light('brand2'), 80)",
+        "interaction-hover-background": "ct-color-shade(ct-color-constant-light('brand1'), 40)",
+        "interaction-focus": "#8b5cd7",
+        "highlight": "ct-color-constant-light('brand3')",
+        "information": "#007cbf",
+        "warning": "#c95100",
+        "error": "#ce3836",
+        "success": "#008482"
+      },
+      "dark": {
+        "heading": "ct-color-tint(ct-color-constant-dark('brand1'), 95)",
+        "body": "ct-color-tint(ct-color-constant-dark('brand1'), 85)",
+        "background-light": "ct-color-tint(ct-color-constant-dark('brand2'), 5)",
+        "background": "ct-color-constant-dark('brand2')",
+        "background-dark": "ct-color-shade(ct-color-constant-dark('brand2'), 30)",
+        "border-light": "ct-color-tint(ct-color-constant-dark('brand2'), 65)",
+        "border": "ct-color-tint(ct-color-constant-dark('brand2'), 10)",
+        "border-dark": "ct-color-shade(ct-color-constant-dark('brand2'), 30)",
+        "interaction-text": "ct-color-constant-dark('brand2')",
+        "interaction-background": "ct-color-constant-dark('brand1')",
+        "interaction-hover-text": "ct-color-shade(ct-color-constant-dark('brand2'), 30)",
+        "interaction-hover-background": "ct-color-tint(ct-color-constant-dark('brand1'), 40)",
+        "interaction-focus": "#8b5cd7",
+        "highlight": "ct-color-constant-dark('brand3')",
+        "information": "#4cc4fc",
+        "warning": "#e38444",
+        "error": "#e85653",
+        "success": "#12b0ae"
+      }
+    },
+    "ct-fonts": {},
+    "ct-fonts-default": {
+      "primary": {
+        "family": "'\"Lexend\", sans-serif'",
+        "types": [
+          {
+            "uri": "'https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap'"
+          }
+        ]
+      },
+      "secondary": {
+        "family": "'\"Public Sans\", sans-serif'",
+        "types": [
+          {
+            "uri": "'https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600&display=swap'"
+          }
+        ]
+      }
+    },
+    "ct-font-weights": {},
+    "ct-font-weights-default": {
+      "thin": "100",
+      "extralight": "200",
+      "regular": "400",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "700",
+      "extrabold": "800",
+      "black": "900"
+    },
+    "ct-font-average-character-width": "0.25",
+    "ct-font-smoothing-enable": "true",
+    "ct-font-base-size": "ct-particle-px(2)",
+    "ct-font-base-line-height": "$ct-font-base-size",
+    "ct-typography": {},
+    "ct-typography-default": {
+      "display": {
+        "xxs": [
+          "$ct-font-base-size * 2",
+          "$ct-font-base-line-height * 2.5",
+          "'bold'",
+          "'primary'",
+          "-0.03px"
+        ],
+        "m": [
+          "$ct-font-base-size * 3.5",
+          "$ct-font-base-line-height * 3.75",
+          "'bold'",
+          "'primary'",
+          "-1px"
+        ]
+      },
+      "heading-1": {
+        "xxs": [
+          "$ct-font-base-size * 2",
+          "$ct-font-base-line-height * 2.5",
+          "'bold'",
+          "'primary'",
+          "-0.6px"
+        ],
+        "m": [
+          "$ct-font-base-size * 3",
+          "$ct-font-base-line-height * 3.75",
+          "'bold'",
+          "'primary'",
+          "-1px"
+        ]
+      },
+      "heading-2": {
+        "xxs": [
+          "$ct-font-base-size * 1.75",
+          "$ct-font-base-line-height * 2.25",
+          "'bold'",
+          "'primary'",
+          "-0.5px"
+        ],
+        "m": [
+          "$ct-font-base-size * 2.5",
+          "$ct-font-base-line-height * 3",
+          "'bold'",
+          "'primary'",
+          "-0.8px"
+        ]
+      },
+      "heading-3": {
+        "xxs": [
+          "$ct-font-base-size * 1.5",
+          "$ct-font-base-line-height * 2",
+          "'bold'",
+          "'primary'",
+          "-0.35px"
+        ],
+        "m": [
+          "$ct-font-base-size * 2",
+          "$ct-font-base-line-height * 2.5",
+          "'bold'",
+          "'primary'",
+          "-0.6px"
+        ]
+      },
+      "heading-4": {
+        "xxs": [
+          "$ct-font-base-size * 1.25",
+          "$ct-font-base-line-height * 1.5",
+          "'bold'",
+          "'primary'",
+          "-0.25px"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.5",
+          "$ct-font-base-line-height * 2",
+          "'bold'",
+          "'primary'",
+          "-0.4px"
+        ]
+      },
+      "heading-5": {
+        "xxs": [
+          "$ct-font-base-size",
+          "$ct-font-base-line-height * 1.375",
+          "'bold'",
+          "'primary'",
+          "0"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.25",
+          "$ct-font-base-line-height * 1.5",
+          "'bold'",
+          "'primary'",
+          "-0.2px"
+        ]
+      },
+      "heading-6": [
+        "$ct-font-base-size",
+        "$ct-font-base-line-height * 1.625",
+        "'bold'",
+        "'primary'",
+        "0"
+      ],
+      "text-extra-large": {
+        "xxs": [
+          "$ct-font-base-size * 1.25",
+          "$ct-font-base-line-height * 1.5",
+          "'regular'",
+          "'primary'",
+          "-0.1px"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.5",
+          "$ct-font-base-line-height * 1.5",
+          "'regular'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "text-large": {
+        "xxs": [
+          "$ct-font-base-size * 1.125",
+          "$ct-font-base-line-height * 1.75",
+          "'regular'",
+          "'primary'",
+          "0"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.25",
+          "$ct-font-base-line-height * 2.125",
+          "'regular'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "text-regular": {
+        "xxs": [
+          "$ct-font-base-size * 0.875",
+          "$ct-font-base-line-height * 1.5",
+          "'regular'",
+          "'primary'",
+          "0"
+        ],
+        "m": [
+          "$ct-font-base-size",
+          "$ct-font-base-line-height * 1.75",
+          "'regular'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "text-small": {
+        "xxs": [
+          "$ct-font-base-size * 0.75",
+          "$ct-font-base-line-height * 1.25",
+          "'regular'",
+          "'primary'",
+          "0"
+        ],
+        "m": [
+          "$ct-font-base-size * 0.875",
+          "$ct-font-base-line-height * 1.5",
+          "'regular'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "label-extra-large": {
+        "xxs": [
+          "$ct-font-base-size * 1.25",
+          "$ct-font-base-line-height * 1.5",
+          "'semibold'",
+          "'primary'",
+          "-0.1px"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.5",
+          "$ct-font-base-line-height * 1.5",
+          "'semibold'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "label-large": {
+        "xxs": [
+          "$ct-font-base-size * 1.125",
+          "$ct-font-base-line-height * 1.5",
+          "'semibold'",
+          "'primary'",
+          "-0.1px"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.125",
+          "$ct-font-base-line-height * 1.5",
+          "'semibold'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "label-regular": {
+        "xxs": [
+          "$ct-font-base-size",
+          "$ct-font-base-line-height * 1.25",
+          "'semibold'",
+          "'primary'",
+          "-0.1px"
+        ],
+        "m": [
+          "$ct-font-base-size",
+          "$ct-font-base-line-height * 1.25",
+          "'semibold'",
+          "'primary'",
+          "-0.1px"
+        ]
+      },
+      "label-small": {
+        "xxs": [
+          "$ct-font-base-size",
+          "$ct-font-base-line-height * 1.25",
+          "'regular'",
+          "'primary'",
+          "-0.1px"
+        ],
+        "m": [
+          "$ct-font-base-size",
+          "$ct-font-base-line-height * 1.25",
+          "'regular'",
+          "'primary'",
+          "-0.1px"
+        ]
+      },
+      "label-extra-small": {
+        "xxs": [
+          "$ct-font-base-size * 0.875",
+          "$ct-font-base-line-height * 1.25",
+          "'regular'",
+          "'primary'",
+          "-0.1px"
+        ],
+        "m": [
+          "$ct-font-base-size * 0.875",
+          "$ct-font-base-line-height * 1.125",
+          "'regular'",
+          "'primary'",
+          "0"
+        ]
+      },
+      "quote": {
+        "xxs": [
+          "$ct-font-base-size * 1.125",
+          "$ct-font-base-line-height * 1.815",
+          "'regular'",
+          "'primary'",
+          "-0.15px"
+        ],
+        "m": [
+          "$ct-font-base-size * 1.5",
+          "$ct-font-base-size * 2.5",
+          "'regular'",
+          "'primary'",
+          "-0.35px"
+        ]
+      }
+    },
+    "ct-spacing": "ct-particle()",
+    "ct-breakpoints": {
+      "xxs": "0",
+      "xs": "368px",
+      "s": "576px",
+      "m": "768px",
+      "l": "992px",
+      "xl": "1280px",
+      "xxl": "1440px"
+    },
+    "ct-grid-columns": "12",
+    "ct-grid-space": "ct-particle-px()",
+    "ct-grid-lowest-breakpoint": "'xxs'",
+    "ct-grid-responsive-breakpoint": "'m'",
+    "ct-grid-gutters": {
+      "xxs": "$ct-grid-space * 2",
+      "xs": "$ct-grid-space * 2",
+      "s": "$ct-grid-space * 3"
+    },
+    "ct-grid-vertical-gutters": {
+      "xxs": "$ct-grid-space * 2",
+      "xs": "$ct-grid-space * 2",
+      "s": "$ct-grid-space * 3"
+    },
+    "ct-grid-offsets": {
+      "xxs": "$ct-grid-space * 3",
+      "xs": "$ct-grid-space * 3",
+      "s": "$ct-grid-space * 3",
+      "m": "$ct-grid-space * 3",
+      "l": "$ct-grid-space * 6",
+      "xl": "$ct-grid-space * 6",
+      "xxl": "$ct-grid-space * 12"
+    },
+    "ct-item-list-horizontal-large-column-gap": "ct-spacing(4)",
+    "ct-item-list-horizontal-large-row-gap": "ct-spacing(4)",
+    "ct-item-list-horizontal-regular-column-gap": "ct-spacing(2)",
+    "ct-item-list-horizontal-regular-row-gap": "ct-spacing(2)",
+    "ct-item-list-horizontal-small-column-gap": "ct-spacing(1)",
+    "ct-item-list-horizontal-small-row-gap": "ct-spacing(1)",
+    "ct-item-list-vertical-large-column-gap": "ct-spacing(4)",
+    "ct-item-list-vertical-large-row-gap": "ct-spacing(4)",
+    "ct-item-list-vertical-regular-column-gap": "ct-spacing(2)",
+    "ct-item-list-vertical-regular-row-gap": "ct-spacing(2)",
+    "ct-item-list-vertical-small-column-gap": "ct-spacing(1)",
+    "ct-item-list-vertical-small-row-gap": "ct-spacing(1)",
+    "ct-visibility-lowest-breakpoint": "'xxs'",
+    "ct-icon-sizes": {},
+    "ct-icon-sizes-default": {
+      "extra-large": {
+        "xxs": [
+          "ct-particle-px(6)",
+          "ct-particle-px(6)"
+        ],
+        "m": [
+          "ct-particle-px(6)",
+          "ct-particle-px(6)"
+        ]
+      },
+      "large": {
+        "xxs": [
+          "ct-particle-px(5)",
+          "ct-particle-px(5)"
+        ],
+        "m": [
+          "ct-particle-px(5)",
+          "ct-particle-px(5)"
+        ]
+      },
+      "regular": {
+        "xxs": [
+          "ct-particle-px(2.5)",
+          "ct-particle-px(2.5)"
+        ],
+        "m": [
+          "ct-particle-px(2.5)",
+          "ct-particle-px(2.5)"
+        ]
+      },
+      "small": {
+        "xxs": [
+          "ct-particle-px(2)",
+          "ct-particle-px(2)"
+        ],
+        "m": [
+          "ct-particle-px(2)",
+          "ct-particle-px(2)"
+        ]
+      },
+      "extra-small": {
+        "xxs": [
+          "ct-particle-px(1.75)",
+          "ct-particle-px(1.75)"
+        ],
+        "m": [
+          "ct-particle-px(1.75)",
+          "ct-particle-px(1.75)"
+        ]
+      }
+    },
+    "ct-elevations": [
+      "0 ct-particle(0.25) ct-particle(1) rgba(0, 0, 0, 25%)",
+      "0 ct-particle(0.5) ct-particle(2) rgba(0, 0, 0, 20%)",
+      "0 ct-particle(1) ct-particle(3) rgba(0, 0, 0, 20%)",
+      "0 ct-particle(2) ct-particle(8) rgba(0, 0, 0, 20%)"
+    ],
+    "ct-flyout-duration": "0.5s",
+    "ct-flyout-direction-transforms": {
+      "right": "translateX(100%)",
+      "left": "translateX(-100%)",
+      "top": "translateY(-100%)",
+      "bottom": "translateY(100%)"
+    },
+    "ct-flyout-zindex": "1000",
+    "ct-border-radius": "ct-particle(0.5)",
+    "ct-stripe-size": "ct-particle(0.75)",
+    "ct-background-blend-modes": [
+      "normal",
+      "color",
+      "color-burn",
+      "color-dodge",
+      "darken",
+      "difference",
+      "exclusion",
+      "hard-light",
+      "hue",
+      "lighten",
+      "luminosity",
+      "multiply",
+      "overlay",
+      "saturation",
+      "screen",
+      "soft-light"
+    ],
+    "ct-animation-enabled": "true",
+    "ct-outline-offset": "0",
+    "ct-outline-width": "ct-particle(0.375)",
+    "ct-outline-border-radius": "$ct-border-radius",
+    "ct-layout-columns": "$ct-grid-columns",
+    "ct-layout-sidebar-left-columns": "3",
+    "ct-layout-sidebar-right-columns": "3",
+    "ct-layout-column-gap": "ct-spacing(3)",
+    "ct-layout-column-gap-left-only": "ct-spacing(8)",
+    "ct-layout-column-gap-right-only": "ct-spacing(8)",
+    "ct-layout-row-gap": "ct-spacing(3)",
+    "ct-layout-breakpoint": "l",
+    "ct-outline-light": "ct-color-light('interaction-focus')",
+    "ct-outline-dark": "ct-color-dark('interaction-focus')",
+    "ct-chip-border-width": "ct-particle(0.125)",
+    "ct-chip-light-background-color": "ct-color-light('interaction-text')",
+    "ct-chip-light-border-color": "ct-color-light('interaction-background')",
+    "ct-chip-light-color": "ct-color-light('interaction-background')",
+    "ct-chip-light-selected-background-color": "ct-color-light('interaction-background')",
+    "ct-chip-light-selected-border-color": "$ct-chip-light-selected-background-color",
+    "ct-chip-light-selected-color": "ct-color-light('interaction-hover-text')",
+    "ct-chip-light-selected-hover-color": "$ct-chip-light-background-color",
+    "ct-chip-light-selected-hover-background-color": "ct-color-light('interaction-hover-background')",
+    "ct-chip-light-selected-hover-border-color": "$ct-chip-light-selected-hover-background-color",
+    "ct-chip-light-hover-background-color": "$ct-chip-light-background-color",
+    "ct-chip-light-hover-color": "ct-color-light('interaction-hover-background')",
+    "ct-chip-light-hover-border-color": "$ct-chip-light-hover-color",
+    "ct-chip-light-focus-background-color": "false",
+    "ct-chip-light-focus-border-color": "false",
+    "ct-chip-light-focus-color": "false",
+    "ct-chip-light-focus-outline-color": "ct-color-light('interaction-focus')",
+    "ct-chip-dark-background-color": "ct-color-dark('interaction-text')",
+    "ct-chip-dark-border-color": "ct-color-dark('interaction-background')",
+    "ct-chip-dark-color": "ct-color-dark('interaction-background')",
+    "ct-chip-dark-selected-background-color": "ct-color-dark('interaction-background')",
+    "ct-chip-dark-selected-border-color": "$ct-chip-dark-selected-background-color",
+    "ct-chip-dark-selected-color": "ct-color-dark('interaction-hover-text')",
+    "ct-chip-dark-selected-hover-color": "$ct-chip-dark-background-color",
+    "ct-chip-dark-selected-hover-background-color": "ct-color-dark('interaction-hover-background')",
+    "ct-chip-dark-selected-hover-border-color": "$ct-chip-dark-selected-hover-background-color",
+    "ct-chip-dark-hover-background-color": "$ct-chip-dark-background-color",
+    "ct-chip-dark-hover-color": "ct-color-dark('interaction-hover-background')",
+    "ct-chip-dark-hover-border-color": "$ct-chip-dark-hover-color",
+    "ct-chip-dark-focus-background-color": "false",
+    "ct-chip-dark-focus-border-color": "false",
+    "ct-chip-dark-focus-color": "false",
+    "ct-chip-dark-focus-outline-color": "ct-color-dark('interaction-focus')",
+    "ct-content-link-light-color": "ct-color-light('interaction-background')",
+    "ct-content-link-light-hover-background-color": "ct-color-light('interaction-hover-background')",
+    "ct-content-link-light-hover-color": "ct-color-light('interaction-hover-text')",
+    "ct-content-link-light-visited-color": "ct-color-light('body')",
+    "ct-content-link-light-visited-hover-color": "ct-color-light('interaction-hover-text')",
+    "ct-content-link-dark-color": "ct-color-dark('interaction-background')",
+    "ct-content-link-dark-hover-background-color": "ct-color-dark('interaction-hover-background')",
+    "ct-content-link-dark-hover-color": "ct-color-dark('interaction-hover-text')",
+    "ct-content-link-dark-visited-color": "ct-color-dark('body')",
+    "ct-content-link-dark-visited-hover-color": "ct-color-dark('interaction-hover-text')",
+    "ct-heading-light-color": "ct-color-light('heading')",
+    "ct-heading-dark-color": "ct-color-dark('heading')",
+    "ct-iframe-space-horizontal": "ct-spacing(7)",
+    "ct-iframe-light-wrapper-background-color": "ct-color-light('background-light')",
+    "ct-iframe-dark-wrapper-background-color": "ct-color-dark('background-light')",
+    "ct-link-light-color": "ct-color-light('interaction-background')",
+    "ct-link-light-hover-color": "ct-color-light('interaction-hover-background')",
+    "ct-link-light-visited-color": "$ct-link-light-color",
+    "ct-link-light-active-color": "ct-color-light('body')",
+    "ct-link-dark-color": "ct-color-dark('interaction-background')",
+    "ct-link-dark-hover-color": "ct-color-dark('interaction-hover-background')",
+    "ct-link-dark-visited-color": "$ct-link-dark-color",
+    "ct-link-dark-active-color": "ct-color-dark('body')",
+    "ct-popover-min-width": "ct-particle(35)",
+    "ct-popover-description-border-radius": "$ct-border-radius",
+    "ct-popover-z-index": "99",
+    "ct-popover-top-offset": "ct-particle(2)",
+    "ct-popover-light-content-background-color": "ct-color-light('background-light')",
+    "ct-popover-dark-content-background-color": "ct-color-dark('background')",
+    "ct-table-breakpoint": "'m'",
+    "ct-table-cell-vertical-align": "top",
+    "ct-table-light-background-color": "ct-color-light('background-light')",
+    "ct-table-light-border-color": "ct-color-light('border')",
+    "ct-table-light-caption-color": "ct-color-light('body')",
+    "ct-table-light-color": "ct-color-light('body')",
+    "ct-table-light-footer-border-color": "ct-color-light('border')",
+    "ct-table-light-footer-color": "ct-color-light('heading')",
+    "ct-table-light-header-border-color": "ct-color-light('border')",
+    "ct-table-light-header-color": "ct-color-light('heading')",
+    "ct-table-light-row-even-background-color": "ct-color-light('background')",
+    "ct-table-light-row-even-color": "ct-color-light('body')",
+    "ct-table-light-row-odd-background-color": "ct-color-light('background-light')",
+    "ct-table-light-row-odd-color": "ct-color-light('body')",
+    "ct-table-dark-background-color": "ct-color-dark('background')",
+    "ct-table-dark-border-color": "ct-color-dark('border')",
+    "ct-table-dark-caption-color": "ct-color-dark('body')",
+    "ct-table-dark-color": "ct-color-dark('body')",
+    "ct-table-dark-footer-border-color": "ct-color-dark('border')",
+    "ct-table-dark-footer-color": "ct-color-dark('heading')",
+    "ct-table-dark-header-border-color": "ct-color-dark('border')",
+    "ct-table-dark-header-color": "ct-color-dark('heading')",
+    "ct-table-dark-row-even-background-color": "ct-color-dark('background-light')",
+    "ct-table-dark-row-even-color": "ct-color-dark('body')",
+    "ct-table-dark-row-odd-background-color": "ct-color-dark('background')",
+    "ct-table-dark-row-odd-color": "ct-color-dark('body')",
+    "ct-tag-border-radius": "$ct-border-radius",
+    "ct-tag-border-width": "ct-particle(0.125)",
+    "ct-tag-light-primary-background-color": "ct-color-light('interaction-background')",
+    "ct-tag-light-primary-border-color": "$ct-tag-light-primary-background-color",
+    "ct-tag-light-primary-color": "ct-color-light('interaction-text')",
+    "ct-tag-light-secondary-background-color": "transparent",
+    "ct-tag-light-secondary-border-color": "ct-color-light('interaction-background')",
+    "ct-tag-light-secondary-color": "ct-color-light('interaction-background')",
+    "ct-tag-light-tertiary-background-color": "transparent",
+    "ct-tag-light-tertiary-border-color": "transparent",
+    "ct-tag-light-tertiary-color": "ct-color-light('interaction-background')",
+    "ct-tag-dark-primary-background-color": "ct-color-dark('interaction-background')",
+    "ct-tag-dark-primary-border-color": "$ct-tag-dark-primary-background-color",
+    "ct-tag-dark-primary-color": "ct-color-dark('interaction-text')",
+    "ct-tag-dark-secondary-background-color": "transparent",
+    "ct-tag-dark-secondary-border-color": "ct-color-dark('interaction-background')",
+    "ct-tag-dark-secondary-color": "ct-color-dark('interaction-background')",
+    "ct-tag-dark-tertiary-background-color": "transparent",
+    "ct-tag-dark-tertiary-border-color": "transparent",
+    "ct-tag-dark-tertiary-color": "ct-color-dark('interaction-background')",
+    "ct-video-ratio-width": "16",
+    "ct-video-ratio-height": "9",
+    "ct-button-border-radius": "ct-particle(0.5)",
+    "ct-button-border-width": "ct-particle(0.25)",
+    "ct-button-outline-offset": "ct-particle(0.25)",
+    "ct-button-outline-width": "ct-particle(0.375)",
+    "ct-button-animation-duration": "0.25s",
+    "ct-button-light-primary-background-color": "ct-color-light('interaction-background')",
+    "ct-button-light-primary-border-color": "$ct-button-light-primary-background-color",
+    "ct-button-light-primary-color": "ct-color-light('interaction-text')",
+    "ct-button-light-primary-hover-background-color": "ct-color-light('interaction-hover-background')",
+    "ct-button-light-primary-hover-border-color": "$ct-button-light-primary-hover-background-color",
+    "ct-button-light-primary-hover-color": "ct-color-light('interaction-hover-text')",
+    "ct-button-light-primary-active-background-color": "$ct-button-light-primary-hover-background-color",
+    "ct-button-light-primary-active-border-color": "$ct-button-light-primary-hover-border-color",
+    "ct-button-light-primary-active-color": "$ct-button-light-primary-hover-color",
+    "ct-button-light-primary-focus-background-color": "false",
+    "ct-button-light-primary-focus-border-color": "false",
+    "ct-button-light-primary-focus-color": "false",
+    "ct-button-light-primary-focus-outline-color": "ct-color-light('interaction-focus')",
+    "ct-button-dark-primary-background-color": "ct-color-dark('interaction-background')",
+    "ct-button-dark-primary-border-color": "$ct-button-dark-primary-background-color",
+    "ct-button-dark-primary-color": "ct-color-dark('interaction-text')",
+    "ct-button-dark-primary-hover-background-color": "ct-color-dark('interaction-hover-background')",
+    "ct-button-dark-primary-hover-border-color": "$ct-button-dark-primary-hover-background-color",
+    "ct-button-dark-primary-hover-color": "ct-color-dark('interaction-hover-text')",
+    "ct-button-dark-primary-active-background-color": "$ct-button-dark-primary-hover-background-color",
+    "ct-button-dark-primary-active-border-color": "$ct-button-dark-primary-hover-border-color",
+    "ct-button-dark-primary-active-color": "$ct-button-dark-primary-hover-color",
+    "ct-button-dark-primary-focus-background-color": "false",
+    "ct-button-dark-primary-focus-border-color": "false",
+    "ct-button-dark-primary-focus-color": "false",
+    "ct-button-dark-primary-focus-outline-color": "ct-color-dark('interaction-focus')",
+    "ct-button-light-secondary-background-color": "transparent",
+    "ct-button-light-secondary-border-color": "ct-color-light('interaction-background')",
+    "ct-button-light-secondary-color": "$ct-button-light-secondary-border-color",
+    "ct-button-light-secondary-hover-background-color": "$ct-button-light-secondary-background-color",
+    "ct-button-light-secondary-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-button-light-secondary-hover-color": "$ct-button-light-secondary-hover-border-color",
+    "ct-button-light-secondary-active-background-color": "$ct-button-light-secondary-hover-background-color",
+    "ct-button-light-secondary-active-border-color": "$ct-button-light-secondary-hover-border-color",
+    "ct-button-light-secondary-active-color": "$ct-button-light-secondary-hover-color",
+    "ct-button-light-secondary-focus-background-color": "false",
+    "ct-button-light-secondary-focus-border-color": "false",
+    "ct-button-light-secondary-focus-color": "false",
+    "ct-button-light-secondary-focus-outline-color": "ct-color-light('interaction-focus')",
+    "ct-button-dark-secondary-background-color": "transparent",
+    "ct-button-dark-secondary-border-color": "ct-color-dark('interaction-background')",
+    "ct-button-dark-secondary-color": "$ct-button-dark-secondary-border-color",
+    "ct-button-dark-secondary-hover-background-color": "$ct-button-dark-secondary-background-color",
+    "ct-button-dark-secondary-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-button-dark-secondary-hover-color": "$ct-button-dark-secondary-hover-border-color",
+    "ct-button-dark-secondary-active-background-color": "$ct-button-dark-secondary-hover-background-color",
+    "ct-button-dark-secondary-active-border-color": "$ct-button-dark-secondary-hover-border-color",
+    "ct-button-dark-secondary-active-color": "$ct-button-dark-secondary-hover-color",
+    "ct-button-dark-secondary-focus-background-color": "false",
+    "ct-button-dark-secondary-focus-border-color": "false",
+    "ct-button-dark-secondary-focus-color": "false",
+    "ct-button-dark-secondary-focus-outline-color": "ct-color-dark('interaction-focus')",
+    "ct-button-light-tertiary-background-color": "transparent",
+    "ct-button-light-tertiary-border-color": "$ct-button-light-tertiary-background-color",
+    "ct-button-light-tertiary-color": "ct-color-light('interaction-background')",
+    "ct-button-light-tertiary-hover-background-color": "$ct-button-light-tertiary-background-color",
+    "ct-button-light-tertiary-hover-border-color": "$ct-button-light-tertiary-border-color",
+    "ct-button-light-tertiary-hover-color": "ct-color-light('interaction-hover-background')",
+    "ct-button-light-tertiary-active-background-color": "$ct-button-light-tertiary-hover-background-color",
+    "ct-button-light-tertiary-active-border-color": "$ct-button-light-tertiary-hover-border-color",
+    "ct-button-light-tertiary-active-color": "$ct-button-light-tertiary-hover-color",
+    "ct-button-light-tertiary-focus-background-color": "false",
+    "ct-button-light-tertiary-focus-border-color": "false",
+    "ct-button-light-tertiary-focus-color": "false",
+    "ct-button-light-tertiary-focus-outline-color": "ct-color-light('interaction-focus')",
+    "ct-button-dark-tertiary-background-color": "transparent",
+    "ct-button-dark-tertiary-border-color": "$ct-button-dark-tertiary-background-color",
+    "ct-button-dark-tertiary-color": "ct-color-dark('interaction-background')",
+    "ct-button-dark-tertiary-hover-background-color": "$ct-button-dark-tertiary-background-color",
+    "ct-button-dark-tertiary-hover-border-color": "$ct-button-dark-tertiary-border-color",
+    "ct-button-dark-tertiary-hover-color": "ct-color-dark('interaction-hover-background')",
+    "ct-button-dark-tertiary-active-background-color": "$ct-button-dark-tertiary-hover-background-color",
+    "ct-button-dark-tertiary-active-border-color": "$ct-button-dark-tertiary-hover-border-color",
+    "ct-button-dark-tertiary-active-color": "$ct-button-dark-tertiary-hover-color",
+    "ct-button-dark-tertiary-focus-background-color": "false",
+    "ct-button-dark-tertiary-focus-border-color": "false",
+    "ct-button-dark-tertiary-focus-color": "false",
+    "ct-button-dark-tertiary-focus-outline-color": "ct-color-dark('interaction-focus')",
+    "ct-checkbox-border-radius": "$ct-border-radius",
+    "ct-checkbox-check": "url(\"data:image/svg+xml,%3Csvg viewBox='' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.9 0H17.1C17.3387 0 17.5676 0.0948211 17.7364 0.263604C17.9052 0.432387 18 0.661305 18 0.9V17.1C18 17.3387 17.9052 17.5676 17.7364 17.7364C17.5676 17.9052 17.3387 18 17.1 18H0.9C0.661305 18 0.432387 17.9052 0.263604 17.7364C0.0948211 17.5676 0 17.3387 0 17.1V0.9C0 0.661305 0.0948211 0.432387 0.263604 0.263604C0.432387 0.0948211 0.661305 0 0.9 0ZM6.48885 14.1746C6.57252 14.259 6.67206 14.326 6.78173 14.3716C6.8914 14.4173 7.00904 14.4409 7.12785 14.4409C7.24666 14.4409 7.3643 14.4173 7.47397 14.3716C7.58364 14.326 7.68318 14.259 7.76685 14.1746L15.9388 6.00264C16.1083 5.83317 16.2035 5.60331 16.2035 5.36364C16.2035 5.12397 16.1083 4.89412 15.9388 4.72464C15.7694 4.55517 15.5395 4.45996 15.2998 4.45996C15.0602 4.45996 14.8303 4.55517 14.6608 4.72464L7.12785 12.2666L4.23885 9.36864C4.06938 9.19917 3.83952 9.10396 3.59985 9.10396C3.36018 9.10396 3.13032 9.19917 2.96085 9.36864C2.79138 9.53812 2.69617 9.76797 2.69617 10.0076C2.69617 10.2473 2.79138 10.4772 2.96085 10.6466L6.48885 14.1746Z' fill='currentcolor'/%3E%3C/svg%3E%0A\")",
+    "ct-checkbox-animation-duration": "0.1s",
+    "ct-checkbox-disabled-opacity": "40%",
+    "ct-checkbox-outline-width": "2px",
+    "ct-checkbox-outline-offset": "2px",
+    "ct-checkbox-light-background-color": "transparent",
+    "ct-checkbox-light-border-color": "ct-color-light('border-light')",
+    "ct-checkbox-light-color": "ct-color-light('body')",
+    "ct-checkbox-light-hover-background-color": "$ct-checkbox-light-background-color",
+    "ct-checkbox-light-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-checkbox-light-hover-color": "$ct-checkbox-light-color",
+    "ct-checkbox-light-checked-background-color": "$ct-checkbox-light-background-color",
+    "ct-checkbox-light-checked-border-color": "ct-color-light('interaction-background')",
+    "ct-checkbox-light-checked-color": "$ct-checkbox-light-color",
+    "ct-checkbox-light-checked-hover-background-color": "$ct-checkbox-light-hover-background-color",
+    "ct-checkbox-light-checked-hover-border-color": "$ct-checkbox-light-hover-border-color",
+    "ct-checkbox-light-checked-hover-color": "$ct-checkbox-light-hover-color",
+    "ct-checkbox-light-invalid-background-color": "$ct-checkbox-light-hover-background-color",
+    "ct-checkbox-light-invalid-border-color": "ct-color-light('error')",
+    "ct-checkbox-light-invalid-color": "ct-color-light('error')",
+    "ct-checkbox-light-outline-color": "$ct-outline-light",
+    "ct-checkbox-dark-background-color": "transparent",
+    "ct-checkbox-dark-border-color": "ct-color-dark('border-light')",
+    "ct-checkbox-dark-color": "ct-color-dark('body')",
+    "ct-checkbox-dark-hover-background-color": "$ct-checkbox-dark-background-color",
+    "ct-checkbox-dark-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-checkbox-dark-hover-color": "$ct-checkbox-dark-color",
+    "ct-checkbox-dark-checked-background-color": "$ct-checkbox-dark-background-color",
+    "ct-checkbox-dark-checked-border-color": "ct-color-dark('interaction-background')",
+    "ct-checkbox-dark-checked-color": "$ct-checkbox-dark-color",
+    "ct-checkbox-dark-checked-hover-background-color": "$ct-checkbox-dark-hover-background-color",
+    "ct-checkbox-dark-checked-hover-border-color": "$ct-checkbox-dark-hover-border-color",
+    "ct-checkbox-dark-checked-hover-color": "$ct-checkbox-dark-hover-color",
+    "ct-checkbox-dark-invalid-background-color": "$ct-checkbox-dark-hover-background-color",
+    "ct-checkbox-dark-invalid-border-color": "ct-color-dark('error')",
+    "ct-checkbox-dark-invalid-color": "ct-color-dark('error')",
+    "ct-checkbox-dark-outline-color": "$ct-outline-dark",
+    "ct-field-description-light-color": "ct-color-light('body')",
+    "ct-field-description-dark-color": "ct-color-dark('body')",
+    "ct-field-message-border-radius": "$ct-border-radius",
+    "ct-field-message-light-error-background-color": "ct-color-tint(ct-color-constant-light('error'), 80)",
+    "ct-field-message-light-error-border-color": "ct-color-light('error')",
+    "ct-field-message-light-error-color": "ct-color-light('body')",
+    "ct-field-message-light-error-icon-color": "$ct-field-message-light-error-color",
+    "ct-field-message-light-information-background-color": "ct-color-tint(ct-color-constant-light('information'), 80)",
+    "ct-field-message-light-information-border-color": "ct-color-light('information')",
+    "ct-field-message-light-information-color": "ct-color-light('body')",
+    "ct-field-message-light-information-icon-color": "$ct-field-message-light-information-color",
+    "ct-field-message-light-success-border-color": "ct-color-light('success')",
+    "ct-field-message-light-success-background-color": "ct-color-tint(ct-color-constant-light('success'), 80)",
+    "ct-field-message-light-success-color": "ct-color-light('body')",
+    "ct-field-message-light-success-icon-color": "$ct-field-message-light-success-color",
+    "ct-field-message-light-warning-background-color": "ct-color-tint(ct-color-constant-light('warning'), 80)",
+    "ct-field-message-light-warning-border-color": "ct-color-light('warning')",
+    "ct-field-message-light-warning-color": "ct-color-light('body')",
+    "ct-field-message-light-warning-icon-color": "$ct-field-message-light-warning-color",
+    "ct-field-message-dark-error-background-color": "ct-color-shade(ct-color-constant-dark('error'), 20)",
+    "ct-field-message-dark-error-border-color": "ct-color-dark('error')",
+    "ct-field-message-dark-error-color": "ct-color-dark('body')",
+    "ct-field-message-dark-error-icon-color": "$ct-field-message-dark-error-color",
+    "ct-field-message-dark-information-background-color": "ct-color-shade(ct-color-constant-dark('information'), 39)",
+    "ct-field-message-dark-information-border-color": "ct-color-dark('information')",
+    "ct-field-message-dark-information-color": "ct-color-dark('body')",
+    "ct-field-message-dark-information-icon-color": "$ct-field-message-dark-information-color",
+    "ct-field-message-dark-success-border-color": "ct-color-dark('success')",
+    "ct-field-message-dark-success-background-color": "ct-color-shade(ct-color-constant-dark('success'), 30)",
+    "ct-field-message-dark-success-color": "ct-color-dark('body')",
+    "ct-field-message-dark-success-icon-color": "$ct-field-message-dark-success-color",
+    "ct-field-message-dark-warning-background-color": "ct-color-shade(ct-color-constant-dark('warning'), 28)",
+    "ct-field-message-dark-warning-border-color": "ct-color-dark('warning')",
+    "ct-field-message-dark-warning-color": "ct-color-dark('body')",
+    "ct-field-message-dark-warning-icon-color": "$ct-field-message-dark-warning-color",
+    "ct-fieldset-stripe-width": "var(--ct-stripe-size)",
+    "ct-fieldset-light-stripe-border-color": "ct-color-light('highlight')",
+    "ct-fieldset-dark-stripe-border-color": "ct-color-dark('highlight')",
+    "ct-input-border-radius": "$ct-border-radius",
+    "ct-input-outline-width": "2px",
+    "ct-input-outline-offset": "2px",
+    "ct-input-disabled-opacity": "40%",
+    "ct-input-light-background-color": "ct-color-light('background-light')",
+    "ct-input-light-border-color": "ct-color-light('border')",
+    "ct-input-light-color": "ct-color-light('body')",
+    "ct-input-light-hover-background-color": "$ct-input-light-background-color",
+    "ct-input-light-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-input-light-hover-color": "$ct-input-light-color",
+    "ct-input-light-focus-background-color": "$ct-input-light-background-color",
+    "ct-input-light-focus-border-color": "ct-color-light('interaction-background')",
+    "ct-input-light-focus-color": "$ct-input-light-color",
+    "ct-input-light-invalid-background-color": "ct-color-light('background-light')",
+    "ct-input-light-invalid-border-color": "ct-color-light('error')",
+    "ct-input-light-invalid-color": "ct-color-light('body')",
+    "ct-input-light-outline-color": "$ct-outline-light",
+    "ct-input-dark-background-color": "ct-color-dark('background-dark')",
+    "ct-input-dark-border-color": "ct-color-dark('border-light')",
+    "ct-input-dark-color": "ct-color-dark('body')",
+    "ct-input-dark-hover-background-color": "$ct-input-dark-background-color",
+    "ct-input-dark-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-input-dark-hover-color": "$ct-input-dark-color",
+    "ct-input-dark-focus-background-color": "ct-color-dark('background')",
+    "ct-input-dark-focus-border-color": "ct-color-dark('interaction-background')",
+    "ct-input-dark-focus-color": "$ct-input-dark-color",
+    "ct-input-dark-invalid-background-color": "ct-color-dark('background-dark')",
+    "ct-input-dark-invalid-border-color": "ct-color-dark('error')",
+    "ct-input-dark-invalid-color": "ct-color-dark('body')",
+    "ct-input-dark-outline-color": "$ct-outline-dark",
+    "ct-label-light-color": "ct-color-light('heading')",
+    "ct-label-light-required-color": "ct-color-light('error')",
+    "ct-label-dark-color": "ct-color-dark('heading')",
+    "ct-label-dark-required-color": "ct-color-dark('error')",
+    "ct-radio-disabled-opacity": "40%",
+    "ct-radio-animation-duration": "0.1s",
+    "ct-radio-outline-width": "2px",
+    "ct-radio-outline-offset": "2px",
+    "ct-radio-light-background-color": "transparent",
+    "ct-radio-light-border-color": "ct-color-light('border-light')",
+    "ct-radio-light-color": "ct-color-light('body')",
+    "ct-radio-light-hover-background-color": "$ct-radio-light-background-color",
+    "ct-radio-light-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-radio-light-hover-color": "$ct-radio-light-color",
+    "ct-radio-light-checked-background-color": "$ct-radio-light-background-color",
+    "ct-radio-light-checked-border-color": "ct-color-light('interaction-background')",
+    "ct-radio-light-checked-color": "$ct-radio-light-color",
+    "ct-radio-light-checked-hover-background-color": "$ct-radio-light-hover-background-color",
+    "ct-radio-light-checked-hover-border-color": "$ct-radio-light-hover-border-color",
+    "ct-radio-light-checked-hover-color": "$ct-radio-light-hover-color",
+    "ct-radio-light-invalid-background-color": "$ct-radio-light-hover-background-color",
+    "ct-radio-light-invalid-border-color": "ct-color-light('error')",
+    "ct-radio-light-invalid-color": "ct-color-light('error')",
+    "ct-radio-light-outline-color": "$ct-outline-light",
+    "ct-radio-dark-background-color": "transparent",
+    "ct-radio-dark-border-color": "ct-color-dark('border-light')",
+    "ct-radio-dark-color": "ct-color-dark('body')",
+    "ct-radio-dark-hover-background-color": "$ct-radio-dark-background-color",
+    "ct-radio-dark-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-radio-dark-hover-color": "$ct-radio-dark-color",
+    "ct-radio-dark-checked-background-color": "$ct-radio-dark-background-color",
+    "ct-radio-dark-checked-border-color": "ct-color-dark('interaction-background')",
+    "ct-radio-dark-checked-color": "$ct-radio-dark-color",
+    "ct-radio-dark-checked-hover-background-color": "$ct-radio-dark-hover-background-color",
+    "ct-radio-dark-checked-hover-border-color": "$ct-radio-dark-hover-border-color",
+    "ct-radio-dark-checked-hover-color": "$ct-radio-dark-hover-color",
+    "ct-radio-dark-invalid-background-color": "$ct-radio-dark-hover-background-color",
+    "ct-radio-dark-invalid-border-color": "ct-color-dark('error')",
+    "ct-radio-dark-invalid-color": "ct-color-dark('error')",
+    "ct-radio-dark-outline-color": "$ct-outline-dark",
+    "ct-select-border-radius": "$ct-border-radius",
+    "ct-select-outline-width": "2px",
+    "ct-select-outline-offset": "2px",
+    "ct-select-disabled-opacity": "40%",
+    "ct-select-light-background-color": "ct-color-light('background-light')",
+    "ct-select-light-border-color": "ct-color-light('border')",
+    "ct-select-light-color": "ct-color-light('body')",
+    "ct-select-light-option-background-color": "ct-color-light('background')",
+    "ct-select-light-option-color": "inherit",
+    "ct-select-light-hover-background-color": "$ct-select-light-background-color",
+    "ct-select-light-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-select-light-hover-color": "$ct-select-light-color",
+    "ct-select-light-focus-background-color": "$ct-select-light-background-color",
+    "ct-select-light-focus-border-color": "ct-color-light('interaction-background')",
+    "ct-select-light-focus-color": "$ct-select-light-color",
+    "ct-select-light-invalid-background-color": "ct-color-light('background-light')",
+    "ct-select-light-invalid-border-color": "ct-color-light('error')",
+    "ct-select-light-invalid-color": "ct-color-light('body')",
+    "ct-select-light-outline-color": "$ct-outline-light",
+    "ct-select-light-icon": "url(\"data:image/svg+xml,%3Csvg width='38' height='28' viewBox='0 0 38 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H0V28H1V0Z' fill='black' fill-opacity='0.6'/%3E%3Cpath d='M17.0916 13.1714L19 13.1666C19 13.1666 20.7334 13.1666 20.9083 13.1666C21.0831 13.1666 21.0831 13.1666 21.0831 13.1666L21.5 13.1714C21.5 13.1714 21.7189 13.1497 21.8204 13.1074C21.922 13.0651 22.0141 13.0031 22.0916 12.9249C22.1697 12.8475 22.2317 12.7553 22.274 12.6538C22.3163 12.5522 22.3381 12.4433 22.3381 12.3333C22.3381 12.2233 22.3163 12.1144 22.274 12.0128C22.2317 11.9113 22.1697 11.8191 22.0916 11.7416L19.5916 9.24162C19.5141 9.16351 19.422 9.10151 19.3204 9.05921C19.2189 9.0169 19.11 8.99512 19 8.99512C18.8899 8.99512 18.781 9.0169 18.6795 9.05921C18.5779 9.10151 18.4858 9.16351 18.4083 9.24162L15.9083 11.7416C15.7514 11.8985 15.6632 12.1114 15.6632 12.3333C15.6632 12.5552 15.7514 12.768 15.9083 12.9249C16.0652 13.0819 16.278 13.17 16.5 13.17C16.7219 13.17 17.0916 13.1714 17.0916 13.1714ZM20.9083 15.6666H19H17.0916C16.9165 15.6666 16.9165 15.6632 16.8202 15.6632C16.4998 15.6632 16.6098 15.6632 16.5 15.6632C16.3901 15.6632 16.2813 15.6848 16.1797 15.7269C16.0782 15.7689 15.986 15.8306 15.9083 15.9083C15.8306 15.986 15.769 16.0782 15.7269 16.1797C15.6849 16.2813 15.6632 16.3901 15.6632 16.4999C15.6632 16.6098 15.6849 16.7186 15.7269 16.8202C15.769 16.9217 15.8306 17.0139 15.9083 17.0916L18.4083 19.5916C18.4858 19.6697 18.5779 19.7317 18.6795 19.774C18.781 19.8163 18.8899 19.8381 19 19.8381C19.11 19.8381 19.2189 19.8163 19.3204 19.774C19.422 19.7317 19.5141 19.6697 19.5916 19.5916L22.0916 17.0916C22.2485 16.9347 22.3367 16.7219 22.3367 16.4999C22.3367 16.278 22.2485 16.0652 22.0916 15.9083C21.9347 15.7514 21.7219 15.6632 21.5 15.6632C21.278 15.6632 21.0831 15.6666 20.9083 15.6666Z' fill='black' fill-opacity='0.6'/%3E%3C/svg%3E%0A\")",
+    "ct-select-dark-background-color": "ct-color-dark('background-dark')",
+    "ct-select-dark-border-color": "ct-color-dark('border-light')",
+    "ct-select-dark-color": "ct-color-dark('body')",
+    "ct-select-dark-option-background-color": "ct-color-dark('background-light')",
+    "ct-select-dark-option-color": "inherit",
+    "ct-select-dark-hover-background-color": "$ct-select-dark-background-color",
+    "ct-select-dark-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-select-dark-hover-color": "$ct-select-dark-color",
+    "ct-select-dark-focus-background-color": "ct-color-dark('background')",
+    "ct-select-dark-focus-border-color": "ct-color-dark('interaction-background')",
+    "ct-select-dark-focus-color": "$ct-select-dark-color",
+    "ct-select-dark-invalid-background-color": "ct-color-dark('background')",
+    "ct-select-dark-invalid-border-color": "ct-color-dark('error')",
+    "ct-select-dark-invalid-color": "ct-color-dark('body')",
+    "ct-select-dark-outline-color": "$ct-outline-dark",
+    "ct-select-dark-icon": "url(\"data:image/svg+xml,%3Csvg width='38' height='28' viewBox='0 0 38 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0H0V28H1V0Z' fill='white' fill-opacity='0.9'/%3E%3Cpath d='M17.0916 13.1714L19 13.1666C19 13.1666 20.7334 13.1666 20.9083 13.1666C21.0831 13.1666 21.0831 13.1666 21.0831 13.1666L21.5 13.1714C21.5 13.1714 21.7189 13.1497 21.8204 13.1074C21.922 13.0651 22.0141 13.0031 22.0916 12.9249C22.1697 12.8475 22.2317 12.7553 22.274 12.6538C22.3163 12.5522 22.3381 12.4433 22.3381 12.3333C22.3381 12.2233 22.3163 12.1144 22.274 12.0128C22.2317 11.9113 22.1697 11.8191 22.0916 11.7416L19.5916 9.24162C19.5141 9.16351 19.422 9.10151 19.3204 9.05921C19.2189 9.0169 19.11 8.99512 19 8.99512C18.8899 8.99512 18.781 9.0169 18.6795 9.05921C18.5779 9.10151 18.4858 9.16351 18.4083 9.24162L15.9083 11.7416C15.7514 11.8985 15.6632 12.1114 15.6632 12.3333C15.6632 12.5552 15.7514 12.768 15.9083 12.9249C16.0652 13.0819 16.278 13.17 16.5 13.17C16.7219 13.17 17.0916 13.1714 17.0916 13.1714ZM20.9083 15.6666H19H17.0916C16.9165 15.6666 16.9165 15.6632 16.8202 15.6632C16.4998 15.6632 16.6098 15.6632 16.5 15.6632C16.3901 15.6632 16.2813 15.6848 16.1797 15.7269C16.0782 15.7689 15.986 15.8306 15.9083 15.9083C15.8306 15.986 15.769 16.0782 15.7269 16.1797C15.6849 16.2813 15.6632 16.3901 15.6632 16.4999C15.6632 16.6098 15.6849 16.7186 15.7269 16.8202C15.769 16.9217 15.8306 17.0139 15.9083 17.0916L18.4083 19.5916C18.4858 19.6697 18.5779 19.7317 18.6795 19.774C18.781 19.8163 18.8899 19.8381 19 19.8381C19.11 19.8381 19.2189 19.8163 19.3204 19.774C19.422 19.7317 19.5141 19.6697 19.5916 19.5916L22.0916 17.0916C22.2485 16.9347 22.3367 16.7219 22.3367 16.4999C22.3367 16.278 22.2485 16.0652 22.0916 15.9083C21.9347 15.7514 21.7219 15.6632 21.5 15.6632C21.278 15.6632 21.0831 15.6666 20.9083 15.6666Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A\")",
+    "ct-textarea-border-radius": "$ct-border-radius",
+    "ct-textarea-outline-width": "2px",
+    "ct-textarea-outline-offset": "2px",
+    "ct-textarea-disabled-opacity": "40%",
+    "ct-textarea-light-background-color": "ct-color-light('background-light')",
+    "ct-textarea-light-border-color": "ct-color-light('border')",
+    "ct-textarea-light-color": "ct-color-light('body')",
+    "ct-textarea-light-hover-background-color": "$ct-textarea-light-background-color",
+    "ct-textarea-light-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-textarea-light-hover-color": "$ct-textarea-light-color",
+    "ct-textarea-light-focus-background-color": "$ct-textarea-light-background-color",
+    "ct-textarea-light-focus-border-color": "ct-color-light('interaction-background')",
+    "ct-textarea-light-focus-color": "$ct-textarea-light-color",
+    "ct-textarea-light-invalid-background-color": "ct-color-light('background-light')",
+    "ct-textarea-light-invalid-border-color": "ct-color-light('error')",
+    "ct-textarea-light-invalid-color": "ct-color-light('body')",
+    "ct-textarea-light-outline-color": "$ct-outline-light",
+    "ct-textarea-dark-background-color": "ct-color-dark('background-dark')",
+    "ct-textarea-dark-border-color": "ct-color-dark('border-light')",
+    "ct-textarea-dark-color": "ct-color-dark('body')",
+    "ct-textarea-dark-hover-background-color": "$ct-textarea-dark-background-color",
+    "ct-textarea-dark-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-textarea-dark-hover-color": "$ct-textarea-dark-color",
+    "ct-textarea-dark-focus-background-color": "ct-color-dark('background')",
+    "ct-textarea-dark-focus-border-color": "ct-color-dark('interaction-background')",
+    "ct-textarea-dark-focus-color": "$ct-textarea-dark-color",
+    "ct-textarea-dark-invalid-background-color": "ct-color-dark('background-dark')",
+    "ct-textarea-dark-invalid-border-color": "ct-color-dark('error')",
+    "ct-textarea-dark-invalid-color": "ct-color-dark('body')",
+    "ct-textarea-dark-outline-color": "$ct-outline-dark",
+    "ct-textfield-border-radius": "$ct-border-radius",
+    "ct-textfield-outline-width": "2px",
+    "ct-textfield-outline-offset": "2px",
+    "ct-textfield-disabled-opacity": "40%",
+    "ct-textfield-light-background-color": "ct-color-light('background-light')",
+    "ct-textfield-light-border-color": "ct-color-light('border')",
+    "ct-textfield-light-color": "ct-color-light('body')",
+    "ct-textfield-light-hover-background-color": "$ct-textfield-light-background-color",
+    "ct-textfield-light-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-textfield-light-hover-color": "$ct-textfield-light-color",
+    "ct-textfield-light-focus-background-color": "$ct-textfield-light-background-color",
+    "ct-textfield-light-focus-border-color": "ct-color-light('interaction-background')",
+    "ct-textfield-light-focus-color": "$ct-textfield-light-color",
+    "ct-textfield-light-invalid-background-color": "ct-color-light('background-light')",
+    "ct-textfield-light-invalid-border-color": "ct-color-light('error')",
+    "ct-textfield-light-invalid-color": "ct-color-light('body')",
+    "ct-textfield-light-outline-color": "$ct-outline-light",
+    "ct-textfield-dark-background-color": "ct-color-dark('background-dark')",
+    "ct-textfield-dark-border-color": "ct-color-dark('border-light')",
+    "ct-textfield-dark-color": "ct-color-dark('body')",
+    "ct-textfield-dark-hover-background-color": "$ct-textfield-dark-background-color",
+    "ct-textfield-dark-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-textfield-dark-hover-color": "$ct-textfield-dark-color",
+    "ct-textfield-dark-focus-background-color": "ct-color-dark('background')",
+    "ct-textfield-dark-focus-border-color": "ct-color-dark('interaction-background')",
+    "ct-textfield-dark-focus-color": "$ct-textfield-dark-color",
+    "ct-textfield-dark-invalid-background-color": "ct-color-dark('background-dark')",
+    "ct-textfield-dark-invalid-border-color": "ct-color-dark('error')",
+    "ct-textfield-dark-invalid-color": "ct-color-dark('body')",
+    "ct-textfield-dark-outline-color": "$ct-outline-dark",
+    "ct-accordion-button-border-radius": "$ct-border-radius",
+    "ct-accordion-header-border-radius": "$ct-border-radius",
+    "ct-accordion-item-border-radius": "$ct-border-radius",
+    "ct-accordion-stripe-width": "var(--ct-stripe-size)",
+    "ct-accordion-space-horizontal": "ct-spacing(3)",
+    "ct-accordion-space-horizontal-desktop": "ct-spacing(7)",
+    "ct-accordion-light-background-color": "ct-color-light('background-light')",
+    "ct-accordion-light-border-color": "ct-color-light('border-light')",
+    "ct-accordion-light-color": "ct-color-light('body')",
+    "ct-accordion-light-button-background-color": "ct-color-light('background-light')",
+    "ct-accordion-light-button-color": "ct-color-light('heading')",
+    "ct-accordion-light-icon-color": "ct-color-light('interaction-background')",
+    "ct-accordion-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-accordion-light-wrapper-background-color": "ct-color-light('background')",
+    "ct-accordion-dark-background-color": "ct-color-dark('background-light')",
+    "ct-accordion-dark-border-color": "ct-color-dark('border')",
+    "ct-accordion-dark-color": "ct-color-dark('body')",
+    "ct-accordion-dark-button-background-color": "ct-color-dark('background-light')",
+    "ct-accordion-dark-button-color": "ct-color-dark('heading')",
+    "ct-accordion-dark-icon-color": "ct-color-dark('interaction-background')",
+    "ct-accordion-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-accordion-dark-wrapper-background-color": "ct-color-dark('background-dark')",
+    "ct-attachment-border-radius": "$ct-border-radius",
+    "ct-attachment-space-horizontal": "ct-spacing(7)",
+    "ct-attachment-light-background-color": "ct-color-light('background-light')",
+    "ct-attachment-light-border-color": "ct-color-light('border-light')",
+    "ct-attachment-light-color": "ct-color-light('body')",
+    "ct-attachment-light-wrapper-background-color": "ct-color-light('background')",
+    "ct-attachment-dark-background-color": "ct-color-dark('background')",
+    "ct-attachment-dark-border-color": "ct-color-dark('border')",
+    "ct-attachment-dark-color": "ct-color-dark('body')",
+    "ct-attachment-dark-wrapper-background-color": "ct-color-dark('background')",
+    "ct-back-to-top-space-bottom": "ct-spacing(8)",
+    "ct-back-to-top-space-right": "ct-spacing(2)",
+    "ct-back-to-top-background-color": "ct-color-light('interaction-background')",
+    "ct-back-to-top-border-color": "ct-color-light('background-light')",
+    "ct-back-to-top-color": "ct-color-light('interaction-text')",
+    "ct-back-to-top-outline-color": "ct-color-light('interaction-focus')",
+    "ct-basic-content-blockquote-border-radius": "$ct-border-radius",
+    "ct-basic-content-list-marker-margin": "ct-particle(2)",
+    "ct-basic-content-list-marker-width": "ct-particle(3.5)",
+    "ct-basic-content-space-horizontal": "ct-spacing(7)",
+    "ct-basic-content-vertical-spacing": "1.5rem",
+    "ct-basic-content-light-base-color": "ct-color-light('body')",
+    "ct-basic-content-light-blockquote-stripe-background-color": "ct-color-light('highlight')",
+    "ct-basic-content-light-blockquote-color": "ct-color-light('body')",
+    "ct-basic-content-light-blockquote-background-color": "ct-color-light('background-light')",
+    "ct-basic-content-light-heading-1-color": "ct-color-light('heading')",
+    "ct-basic-content-light-heading-2-color": "ct-color-light('heading')",
+    "ct-basic-content-light-heading-3-color": "ct-color-light('heading')",
+    "ct-basic-content-light-heading-4-color": "ct-color-light('heading')",
+    "ct-basic-content-light-heading-5-color": "ct-color-light('heading')",
+    "ct-basic-content-light-heading-6-color": "ct-color-light('heading')",
+    "ct-basic-content-light-ol-li-color": "ct-color-light('body')",
+    "ct-basic-content-light-ol-li-marker-color": "ct-color-light('body')",
+    "ct-basic-content-light-ul-li-color": "ct-color-light('body')",
+    "ct-basic-content-light-ul-li-marker-color": "ct-color-light('body')",
+    "ct-basic-content-light-background-color": "ct-color-light('background')",
+    "ct-basic-content-dark-base-color": "ct-color-dark('body')",
+    "ct-basic-content-dark-blockquote-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-basic-content-dark-blockquote-color": "ct-color-dark('body')",
+    "ct-basic-content-dark-blockquote-background-color": "ct-color-dark('background-light')",
+    "ct-basic-content-dark-heading-1-color": "ct-color-dark('heading')",
+    "ct-basic-content-dark-heading-2-color": "ct-color-dark('heading')",
+    "ct-basic-content-dark-heading-3-color": "ct-color-dark('heading')",
+    "ct-basic-content-dark-heading-4-color": "ct-color-dark('heading')",
+    "ct-basic-content-dark-heading-5-color": "ct-color-dark('heading')",
+    "ct-basic-content-dark-heading-6-color": "ct-color-dark('heading')",
+    "ct-basic-content-dark-ol-li-color": "ct-color-dark('body')",
+    "ct-basic-content-dark-ol-li-marker-color": "ct-color-dark('body')",
+    "ct-basic-content-dark-ul-li-color": "ct-color-dark('body')",
+    "ct-basic-content-dark-ul-li-marker-color": "ct-color-dark('body')",
+    "ct-basic-content-dark-background-color": "ct-color-dark('background')",
+    "ct-breadcrumb-light-color": "ct-color-light('body')",
+    "ct-breadcrumb-light-active-color": "$ct-breadcrumb-light-color",
+    "ct-breadcrumb-dark-color": "ct-color-dark('body')",
+    "ct-breadcrumb-dark-active-color": "$ct-breadcrumb-dark-color",
+    "ct-callout-border-radius": "$ct-border-radius",
+    "ct-callout-stripe-width": "var(--ct-stripe-size)",
+    "ct-callout-light-background-color": "ct-color-light('background')",
+    "ct-callout-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-callout-dark-background-color": "ct-color-dark('background')",
+    "ct-callout-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-field-horizontal-label-min-width": "auto",
+    "ct-field-horizontal-label-max-width": "25%",
+    "ct-field-label-fixed-widths": "15, 25",
+    "ct-figure-border-radius": "$ct-border-radius",
+    "ct-figure-light-caption-color": "ct-color-light('body')",
+    "ct-figure-dark-caption-color": "ct-color-dark('body')",
+    "ct-logo-breakpoint": "'l'",
+    "ct-logo-image-height-max-desktop": "ct-particle(5)",
+    "ct-logo-image-height-max-mobile": "ct-particle(5)",
+    "ct-logo-light-stripe-background-color": "ct-color-light('border-dark')",
+    "ct-logo-dark-stripe-background-color": "ct-color-dark('border-light')",
+    "ct-map-padding-bottom": "56.25%",
+    "ct-map-space-horizontal": "ct-spacing(7)",
+    "ct-map-light-wrapper-background-color": "ct-color-light('background')",
+    "ct-map-dark-wrapper-background-color": "ct-color-dark('background')",
+    "ct-next-step-border-radius": "$ct-border-radius",
+    "ct-next-step-stripe-width": "var(--ct-stripe-size)",
+    "ct-next-step-light-background-color": "ct-color-light('background-light')",
+    "ct-next-step-light-border-color": "ct-color-light('border-light')",
+    "ct-next-step-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-next-step-dark-background-color": "ct-color-dark('background')",
+    "ct-next-step-dark-border-color": "ct-color-dark('border')",
+    "ct-next-step-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-table-of-contents-link-active-border-radius": "math.div($ct-border-radius, 2)",
+    "ct-table-of-contents-max-width": "50%",
+    "ct-table-of-contents-min-width": "50%",
+    "ct-table-of-contents-light-link-background-color": "ct-color-light('background-light')",
+    "ct-table-of-contents-light-link-color": "ct-color-light('heading')",
+    "ct-table-of-contents-light-link-hover-background-color": "ct-color-light('background')",
+    "ct-table-of-contents-light-link-hover-border-color": "ct-color-light('border-light')",
+    "ct-table-of-contents-light-link-hover-color": "$ct-table-of-contents-light-link-color",
+    "ct-table-of-contents-light-link-stripe-background-color": "ct-color-light('border-light')",
+    "ct-table-of-contents-light-link-hover-stripe-background-color": "ct-color-light('highlight')",
+    "ct-table-of-contents-light-title-color": "ct-color-light('heading')",
+    "ct-table-of-contents-dark-link-background-color": "ct-color-dark('background-light')",
+    "ct-table-of-contents-dark-link-color": "ct-color-dark('heading')",
+    "ct-table-of-contents-dark-link-hover-background-color": "ct-color-dark('background')",
+    "ct-table-of-contents-dark-link-hover-border-color": "ct-color-dark('border-light')",
+    "ct-table-of-contents-dark-link-hover-color": "$ct-table-of-contents-dark-link-color",
+    "ct-table-of-contents-dark-link-stripe-background-color": "ct-color-dark('border-light')",
+    "ct-table-of-contents-dark-link-hover-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-table-of-contents-dark-title-color": "ct-color-dark('heading')",
+    "ct-tabs-link-border-radius": "$ct-border-radius * 2",
+    "ct-tabs-light-links-background-color": "ct-color-light('background')",
+    "ct-tabs-light-links-border-color": "ct-color-light('border-light')",
+    "ct-tabs-light-links-active-background-color": "ct-color-light('background-light')",
+    "ct-tabs-light-links-active-border-color": "ct-color-light('border-light')",
+    "ct-tabs-light-panel-background-color": "ct-color-light('background')",
+    "ct-tabs-light-panel-border-color": "ct-color-light('border')",
+    "ct-tabs-dark-links-background-color": "ct-color-dark('background')",
+    "ct-tabs-dark-links-border-color": "ct-color-dark('border-light')",
+    "ct-tabs-dark-links-active-background-color": "ct-color-dark('background-light')",
+    "ct-tabs-dark-links-active-border-color": "ct-color-dark('border-light')",
+    "ct-tabs-dark-panel-background-color": "ct-color-dark('background')",
+    "ct-tabs-dark-panel-border-color": "ct-color-dark('border')",
+    "ct-tooltip-description-border-radius": "$ct-border-radius",
+    "ct-tooltip-width": "ct-particle(60)",
+    "ct-tooltip-width-mobile": "ct-particle(40)",
+    "ct-tooltip-triangle-width": "ct-spacing(3.2)",
+    "ct-tooltip-triangle-height": "ct-spacing(2.6)",
+    "ct-tooltip-z-index": "99",
+    "ct-tooltip-light-description-background-color": "ct-color-light('interaction-background')",
+    "ct-tooltip-light-description-color": "ct-color-light('interaction-text')",
+    "ct-tooltip-light-icon-color": "ct-color-light('interaction-background')",
+    "ct-tooltip-dark-description-background-color": "ct-color-dark('interaction-background')",
+    "ct-tooltip-dark-description-color": "ct-color-dark('interaction-text')",
+    "ct-tooltip-dark-icon-color": "ct-color-dark('interaction-background')",
+    "ct-single-filter-light-border-color": "ct-color-light('border-light')",
+    "ct-single-filter-light-title-color": "ct-color-light('heading')",
+    "ct-single-filter-dark-border-color": "ct-color-dark('border')",
+    "ct-single-filter-dark-title-color": "ct-color-dark('heading')",
+    "ct-group-filter-light-border-color": "ct-color-light('border-light')",
+    "ct-group-filter-light-title-color": "ct-color-light('heading')",
+    "ct-group-filter-dark-border-color": "ct-color-dark('border')",
+    "ct-group-filter-dark-title-color": "ct-color-dark('heading')",
+    "ct-inline-filter-breakpoint": "$ct-layout-breakpoint",
+    "ct-inline-filter-light-title-color": "ct-color-light('heading')",
+    "ct-inline-filter-dark-title-color": "ct-color-dark('heading')",
+    "ct-pagination-light-color": "ct-color-light('interaction-background')",
+    "ct-pagination-light-border-color": "ct-color-light('border-light')",
+    "ct-pagination-dark-color": "ct-color-dark('interaction-background')",
+    "ct-pagination-dark-border-color": "ct-color-dark('border')",
+    "ct-event-card-border-radius": "$ct-border-radius",
+    "ct-event-card-image-aspect-ratio": "#{'5/3'}",
+    "ct-event-card-link-graphic-hover-opacity": "0.1",
+    "ct-event-card-stripe-height": "var(--ct-stripe-size)",
+    "ct-event-card-light-background-color": "ct-color-light('background-light')",
+    "ct-event-card-light-hover-outline-color": "ct-color-light('border')",
+    "ct-event-card-light-title-color": "ct-color-light('heading')",
+    "ct-event-card-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-event-card-light-link-graphic-color": "ct-color-light('interaction-background')",
+    "ct-event-card-light-link-graphic-hover-background-color": "ct-color-light('interaction-background')",
+    "ct-event-card-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-event-card-dark-background-color": "ct-color-dark('background')",
+    "ct-event-card-dark-hover-outline-color": "ct-color-dark('border')",
+    "ct-event-card-dark-title-color": "ct-color-dark('heading')",
+    "ct-event-card-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-event-card-dark-link-graphic-color": "ct-color-dark('interaction-background')",
+    "ct-event-card-dark-link-graphic-hover-background-color": "ct-color-dark('interaction-background')",
+    "ct-event-card-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-navigation-card-border-radius": "$ct-border-radius",
+    "ct-navigation-card-image-height-mobile": "ct-particle(35)",
+    "ct-navigation-card-image-width-mobile": "auto",
+    "ct-navigation-card-image-min-height-desktop": "ct-particle(32)",
+    "ct-navigation-card-image-min-width-desktop": "ct-particle(36)",
+    "ct-navigation-card-image-max-width-desktop": "30%",
+    "ct-navigation-card-orientation-threshold": "$ct-navigation-card-image-min-width-desktop * 2",
+    "ct-navigation-card-link-graphic-hover-opacity": "0.1",
+    "ct-navigation-card-light-background-color": "ct-color-light('background-light')",
+    "ct-navigation-card-light-hover-outline-color": "ct-color-light('border')",
+    "ct-navigation-card-light-title-color": "ct-color-light('heading')",
+    "ct-navigation-card-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-navigation-card-light-link-graphic-color": "ct-color-light('interaction-background')",
+    "ct-navigation-card-light-link-graphic-hover-background-color": "ct-color-light('interaction-background')",
+    "ct-navigation-card-light-icon-color": "$ct-link-light-color",
+    "ct-navigation-card-dark-background-color": "ct-color-dark('background')",
+    "ct-navigation-card-dark-hover-outline-color": "ct-color-dark('border')",
+    "ct-navigation-card-dark-title-color": "ct-color-dark('heading')",
+    "ct-navigation-card-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-card-dark-link-graphic-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-card-dark-link-graphic-hover-background-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-card-dark-icon-color": "$ct-link-dark-color",
+    "ct-promo-card-border-radius": "$ct-border-radius",
+    "ct-promo-card-image-aspect-ratio": "#{'5/3'}",
+    "ct-promo-card-link-graphic-hover-opacity": "0.1",
+    "ct-promo-card-stripe-height": "var(--ct-stripe-size)",
+    "ct-promo-card-light-background-color": "ct-color-light('background-light')",
+    "ct-promo-card-light-hover-outline-color": "ct-color-light('border')",
+    "ct-promo-card-light-title-color": "ct-color-light('heading')",
+    "ct-promo-card-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-promo-card-light-link-graphic-color": "ct-color-light('interaction-background')",
+    "ct-promo-card-light-link-graphic-hover-background-color": "ct-color-light('interaction-background')",
+    "ct-promo-card-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-promo-card-dark-background-color": "ct-color-dark('background')",
+    "ct-promo-card-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-promo-card-dark-hover-outline-color": "ct-color-dark('border')",
+    "ct-promo-card-dark-title-color": "ct-color-dark('heading')",
+    "ct-promo-card-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-promo-card-dark-link-graphic-color": "ct-color-dark('interaction-background')",
+    "ct-promo-card-dark-link-graphic-hover-background-color": "ct-color-dark('interaction-background')",
+    "ct-publication-card-border-radius": "$ct-border-radius",
+    "ct-publication-card-image-height-mobile": "ct-particle(23)",
+    "ct-publication-card-image-width-mobile": "auto",
+    "ct-publication-card-image-height-desktop": "ct-particle(23)",
+    "ct-publication-card-image-width-desktop": "50%",
+    "ct-publication-card-light-background-color": "ct-color-light('background-light')",
+    "ct-publication-card-light-hover-outline-color": "ct-color-light('border')",
+    "ct-publication-card-light-title-color": "ct-color-light('heading')",
+    "ct-publication-card-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-publication-card-light-title-icon-color": "$ct-publication-card-light-title-color",
+    "ct-publication-card-light-filename-color": "ct-color-light('interaction-background')",
+    "ct-publication-card-dark-background-color": "ct-color-dark('background')",
+    "ct-publication-card-dark-hover-outline-color": "ct-color-dark('border')",
+    "ct-publication-card-dark-title-color": "ct-color-dark('heading')",
+    "ct-publication-card-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-publication-card-dark-title-icon-color": "$ct-publication-card-dark-title-color",
+    "ct-publication-card-dark-filename-color": "ct-color-dark('interaction-background')",
+    "ct-service-card-border-radius": "$ct-border-radius",
+    "ct-service-card-stripe-height": "var(--ct-stripe-size)",
+    "ct-service-card-light-background-color": "ct-color-light('background-light')",
+    "ct-service-card-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-service-card-dark-background-color": "ct-color-dark('background')",
+    "ct-service-card-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-subject-card-border-radius": "$ct-border-radius",
+    "ct-subject-card-image-height-mobile": "ct-particle(20)",
+    "ct-subject-card-image-width-mobile": "auto",
+    "ct-subject-card-image-height-desktop": "ct-particle(28)",
+    "ct-subject-card-image-width-desktop": "auto",
+    "ct-subject-card-light-background-color": "ct-color-light('background-light')",
+    "ct-subject-card-light-hover-outline-color": "ct-color-light('border')",
+    "ct-subject-card-light-title-color": "ct-color-light('heading')",
+    "ct-subject-card-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-subject-card-light-image-opacity": "30%",
+    "ct-subject-card-dark-background-color": "ct-color-dark('background')",
+    "ct-subject-card-dark-hover-outline-color": "ct-color-dark('border')",
+    "ct-subject-card-dark-title-color": "ct-color-dark('heading')",
+    "ct-subject-card-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-subject-card-dark-image-opacity": "20%",
+    "ct-fast-fact-card-border-radius": "$ct-border-radius",
+    "ct-fast-fact-card-stripe-height": "var(--ct-stripe-size)",
+    "ct-fast-fact-card-max-width": "ct-particle(6.25)",
+    "ct-fast-fact-card-max-height": "ct-particle(12.5)",
+    "ct-fast-fact-card-light-background-color": "ct-color-light('background-light')",
+    "ct-fast-fact-card-light-stripe-background-color": "ct-color-light('highlight')",
+    "ct-fast-fact-card-light-title-color": "ct-color-light('heading')",
+    "ct-fast-fact-card-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-fast-fact-card-light-hover-outline-color": "ct-color-light('border')",
+    "ct-fast-fact-card-dark-background-color": "ct-color-dark('background')",
+    "ct-fast-fact-card-dark-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-fast-fact-card-dark-title-color": "ct-color-dark('heading')",
+    "ct-fast-fact-card-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-fast-fact-card-dark-hover-outline-color": "ct-color-dark('border')",
+    "ct-snippet-light-background-color": "transparent",
+    "ct-snippet-light-title-color": "ct-color-light('interaction-background')",
+    "ct-snippet-light-title-hover-color": "ct-color-light('interaction-background')",
+    "ct-snippet-dark-background-color": "transparent",
+    "ct-snippet-dark-title-color": "ct-color-dark('heading')",
+    "ct-snippet-dark-title-hover-color": "ct-color-dark('interaction-background')",
+    "ct-alert-light-error-background-color": "ct-color-tint(ct-color-constant-light('error'), 80)",
+    "ct-alert-light-error-color": "ct-color-light('body')",
+    "ct-alert-light-error-icon-color": "$ct-alert-light-error-color",
+    "ct-alert-light-information-background-color": "ct-color-tint(ct-color-constant-light('information'), 80)",
+    "ct-alert-light-information-color": "ct-color-light('body')",
+    "ct-alert-light-information-icon-color": "$ct-alert-light-information-color",
+    "ct-alert-light-success-background-color": "ct-color-tint(ct-color-constant-light('success'), 80)",
+    "ct-alert-light-success-color": "ct-color-light('body')",
+    "ct-alert-light-success-icon-color": "$ct-alert-light-success-color",
+    "ct-alert-light-warning-background-color": "ct-color-tint(ct-color-constant-light('warning'), 80)",
+    "ct-alert-light-warning-color": "ct-color-light('body')",
+    "ct-alert-light-warning-icon-color": "$ct-alert-light-warning-color",
+    "ct-alert-dark-error-background-color": "ct-color-shade(ct-color-constant-dark('error'), 20)",
+    "ct-alert-dark-error-color": "ct-color-dark('body')",
+    "ct-alert-dark-error-icon-color": "$ct-alert-dark-error-color",
+    "ct-alert-dark-information-background-color": "ct-color-shade(ct-color-constant-dark('information'), 39)",
+    "ct-alert-dark-information-color": "ct-color-dark('body')",
+    "ct-alert-dark-information-icon-color": "$ct-alert-dark-information-color",
+    "ct-alert-dark-success-background-color": "ct-color-shade(ct-color-constant-dark('success'), 30)",
+    "ct-alert-dark-success-color": "ct-color-dark('body')",
+    "ct-alert-dark-success-icon-color": "$ct-alert-dark-success-color",
+    "ct-alert-dark-warning-background-color": "ct-color-shade(ct-color-constant-dark('warning'), 28)",
+    "ct-alert-dark-warning-color": "ct-color-dark('body')",
+    "ct-alert-dark-warning-icon-color": "$ct-alert-dark-warning-color",
+    "ct-banner-decorative-mobile-clip-path": "polygon(0% 0%, 100% 0%, 100% calc(100% - #{ct-spacing(2)}), 0% 100%)",
+    "ct-banner-decorative-desktop-clip-path": "polygon(0% 0%, 100% 0%, 100% calc(100% - #{ct-spacing(6)}), 0% 100%)",
+    "ct-banner-featured-image-width": "40%",
+    "ct-banner-featured-image-clip-path": "polygon(13% 10%, 100% 0, 100% 100%, 0% 100%)",
+    "ct-banner-light-background-color": "ct-color-light('background')",
+    "ct-banner-light-featured-image-shadow-color": "ct-color-light('background-light')",
+    "ct-banner-dark-background-color": "ct-color-dark('background')",
+    "ct-banner-dark-featured-image-shadow-color": "ct-color-dark('background')",
+    "ct-campaign-image-border-radius": "$ct-border-radius",
+    "ct-campaign-image-shadow-offset-x": "ct-particle(2)",
+    "ct-campaign-image-shadow-offset-y": "ct-particle(2)",
+    "ct-campaign-mobile-height": "ct-particle(30)",
+    "ct-campaign-light-background-color": "ct-color-light('background-light')",
+    "ct-campaign-light-image-shadow-color": "ct-color-light('background')",
+    "ct-campaign-dark-background-color": "ct-color-dark('background')",
+    "ct-campaign-dark-image-shadow-color": "ct-color-dark('background-dark')",
+    "ct-footer-light-background-color": "ct-color-light('background')",
+    "ct-footer-light-border-color": "ct-color-light('border-light')",
+    "ct-footer-light-color": "ct-color-light('body')",
+    "ct-footer-dark-background-color": "ct-color-dark('background-dark')",
+    "ct-footer-dark-border-color": "ct-color-dark('border')",
+    "ct-footer-dark-color": "ct-color-dark('body')",
+    "ct-header-desktop-menu-breakpoint": "'m'",
+    "ct-header-light-background-color": "ct-color-light('background-light')",
+    "ct-header-light-border-color": "ct-color-light('border-light')",
+    "ct-header-light-top-background-color": "ct-color-light('background')",
+    "ct-header-light-top-color": "ct-color-light('body')",
+    "ct-header-dark-background-color": "ct-color-dark('background')",
+    "ct-header-dark-border-color": "ct-color-dark('border')",
+    "ct-header-dark-top-background-color": "ct-color-dark('background-dark')",
+    "ct-header-dark-top-color": "ct-color-dark('body')",
+    "ct-list-light-background-color": "ct-color-light('background')",
+    "ct-list-light-color": "ct-color-light('body')",
+    "ct-list-light-results-count-color": "ct-color-light('heading')",
+    "ct-list-dark-background-color": "ct-color-dark('background')",
+    "ct-list-dark-color": "ct-color-dark('body')",
+    "ct-list-dark-results-count-color": "ct-color-dark('heading')",
+    "ct-message-border-radius": "$ct-border-radius",
+    "ct-message-light-background-color": "ct-color-light('background')",
+    "ct-message-light-error-background-color": "ct-color-tint(ct-color-constant-light('error'), 80)",
+    "ct-message-light-error-border-color": "ct-color-light('error')",
+    "ct-message-light-error-color": "ct-color-light('body')",
+    "ct-message-light-error-icon-color": "$ct-message-light-error-color",
+    "ct-message-light-information-background-color": "ct-color-tint(ct-color-constant-light('information'), 80)",
+    "ct-message-light-information-border-color": "ct-color-light('information')",
+    "ct-message-light-information-color": "ct-color-light('body')",
+    "ct-message-light-information-icon-color": "$ct-message-light-information-color",
+    "ct-message-light-success-border-color": "ct-color-light('success')",
+    "ct-message-light-success-background-color": "ct-color-tint(ct-color-constant-light('success'), 80)",
+    "ct-message-light-success-color": "ct-color-light('body')",
+    "ct-message-light-success-icon-color": "$ct-message-light-success-color",
+    "ct-message-light-warning-background-color": "ct-color-tint(ct-color-constant-light('warning'), 80)",
+    "ct-message-light-warning-border-color": "ct-color-light('warning')",
+    "ct-message-light-warning-color": "ct-color-light('body')",
+    "ct-message-light-warning-icon-color": "$ct-message-light-warning-color",
+    "ct-message-dark-background-color": "ct-color-dark('background')",
+    "ct-message-dark-error-background-color": "ct-color-shade(ct-color-constant-dark('error'), 20)",
+    "ct-message-dark-error-border-color": "ct-color-dark('error')",
+    "ct-message-dark-error-color": "ct-color-dark('body')",
+    "ct-message-dark-error-icon-color": "$ct-message-dark-error-color",
+    "ct-message-dark-information-background-color": "ct-color-shade(ct-color-constant-dark('information'), 39)",
+    "ct-message-dark-information-border-color": "ct-color-dark('information')",
+    "ct-message-dark-information-color": "ct-color-dark('body')",
+    "ct-message-dark-information-icon-color": "$ct-message-dark-information-color",
+    "ct-message-dark-success-border-color": "ct-color-dark('success')",
+    "ct-message-dark-success-background-color": "ct-color-shade(ct-color-constant-dark('success'), 30)",
+    "ct-message-dark-success-color": "ct-color-dark('body')",
+    "ct-message-dark-success-icon-color": "$ct-message-dark-success-color",
+    "ct-message-dark-warning-background-color": "ct-color-shade(ct-color-constant-dark('warning'), 28)",
+    "ct-message-dark-warning-border-color": "ct-color-dark('warning')",
+    "ct-message-dark-warning-color": "ct-color-dark('body')",
+    "ct-message-dark-warning-icon-color": "$ct-message-dark-warning-color",
+    "ct-navigation-inline-row-gutter": "$ct-item-list-horizontal-regular-column-gap",
+    "ct-navigation-dropdown-zindex": "11",
+    "ct-navigation-dropdown-border-radius": "$ct-border-radius",
+    "ct-navigation-dropdown-top-offset": "ct-spacing()",
+    "ct-navigation-light-dropdown-sub-menu-background-color": "ct-color-light('background-light')",
+    "ct-navigation-dark-dropdown-sub-menu-background-color": "ct-color-dark('background-light')",
+    "ct-navigation-drawer-zindex": "10",
+    "ct-navigation-drawer-cols": "4",
+    "ct-navigation-drawer-top-offset": "ct-spacing(2)",
+    "ct-navigation-light-menu-border-color": "ct-color-light('interaction-background')",
+    "ct-navigation-light-menu-color": "ct-color-light('interaction-background')",
+    "ct-navigation-light-menu-hover-color": "ct-color-light('interaction-hover-background')",
+    "ct-navigation-light-menu-active-color": "ct-color-light('interaction-hover-background')",
+    "ct-navigation-light-menu-item-border-color": "transparent",
+    "ct-navigation-light-menu-item-hover-border-color": "ct-color-light('interaction-hover-background')",
+    "ct-navigation-light-menu-item-active-border-color": "ct-color-light('highlight')",
+    "ct-navigation-light-drawer-menu-item-background-color": "transparent",
+    "ct-navigation-light-drawer-menu-item-hover-background-color": "transparent",
+    "ct-navigation-light-drawer-menu-item-active-background-color": "transparent",
+    "ct-navigation-light-drawer-menu-item-active-trail-background-color": "ct-color-light('interaction-background')",
+    "ct-navigation-light-drawer-sub-menu-background-color": "ct-color-light('background-light')",
+    "ct-navigation-light-drawer-sub-menu-item-background-color": "transparent",
+    "ct-navigation-light-drawer-sub-menu-item-heading-color": "ct-color-light('heading')",
+    "ct-navigation-light-drawer-sub-menu-item-heading-hover-color": "ct-color-light('heading')",
+    "ct-navigation-light-drawer-sub-menu-item-heading-active-color": "ct-color-light('heading')",
+    "ct-navigation-light-drawer-sub-menu-item-color": "ct-color-light('interaction-background')",
+    "ct-navigation-light-drawer-sub-menu-item-hover-background-color": "ct-color-light('interaction-hover-background')",
+    "ct-navigation-light-drawer-sub-menu-item-hover-color": "ct-color-light('interaction-hover-text')",
+    "ct-navigation-light-drawer-sub-menu-item-active-background-color": "ct-color-light('body')",
+    "ct-navigation-light-drawer-sub-menu-item-active-color": "ct-color-light('background')",
+    "ct-navigation-dark-menu-border-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-dark-menu-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-dark-menu-hover-color": "ct-color-dark('interaction-hover-background')",
+    "ct-navigation-dark-menu-active-color": "ct-color-dark('interaction-hover-background')",
+    "ct-navigation-dark-menu-item-border-color": "transparent",
+    "ct-navigation-dark-menu-item-hover-border-color": "ct-color-dark('interaction-hover-background')",
+    "ct-navigation-dark-menu-item-active-border-color": "ct-color-dark('highlight')",
+    "ct-navigation-dark-drawer-menu-item-background-color": "transparent",
+    "ct-navigation-dark-drawer-menu-item-hover-background-color": "transparent",
+    "ct-navigation-dark-drawer-menu-item-active-background-color": "transparent",
+    "ct-navigation-dark-drawer-menu-item-active-trail-background-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-dark-drawer-sub-menu-background-color": "ct-color-dark('background-light')",
+    "ct-navigation-dark-drawer-sub-menu-item-background-color": "transparent",
+    "ct-navigation-dark-drawer-sub-menu-item-heading-color": "ct-color-dark('heading')",
+    "ct-navigation-dark-drawer-sub-menu-item-heading-hover-color": "ct-color-dark('heading')",
+    "ct-navigation-dark-drawer-sub-menu-item-heading-active-color": "ct-color-dark('heading')",
+    "ct-navigation-dark-drawer-sub-menu-item-color": "ct-color-dark('interaction-background')",
+    "ct-navigation-dark-drawer-sub-menu-item-hover-background-color": "ct-color-dark('interaction-hover-background')",
+    "ct-navigation-dark-drawer-sub-menu-item-hover-color": "ct-color-dark('interaction-hover-text')",
+    "ct-navigation-dark-drawer-sub-menu-item-active-background-color": "ct-color-dark('body')",
+    "ct-navigation-dark-drawer-sub-menu-item-active-color": "ct-color-dark('background')",
+    "ct-navigation-breakpoint": "$ct-header-desktop-menu-breakpoint",
+    "ct-side-navigation-link-active-border-radius": "math.div($ct-border-radius, 2)",
+    "ct-side-navigation-light-title-color": "ct-color-light('heading')",
+    "ct-side-navigation-light-link-expanded-icon-color": "ct-color-light('heading')",
+    "ct-side-navigation-light-link-parent-background-color": "ct-color-light('background-light')",
+    "ct-side-navigation-light-link-parent-border-color": "ct-color-light('border-light')",
+    "ct-side-navigation-light-link-parent-color": "ct-color-light('heading')",
+    "ct-side-navigation-light-link-parent-stripe-background-color": "ct-color-light('border-light')",
+    "ct-side-navigation-light-link-parent-hover-background-color": "ct-color-light('background-dark')",
+    "ct-side-navigation-light-link-parent-hover-border-color": "$ct-side-navigation-light-link-parent-border-color",
+    "ct-side-navigation-light-link-parent-hover-color": "$ct-side-navigation-light-link-parent-color",
+    "ct-side-navigation-light-link-parent-hover-stripe-background-color": "ct-color-light('highlight')",
+    "ct-side-navigation-light-link-parent-active-background-color": "ct-color-light('background')",
+    "ct-side-navigation-light-link-parent-active-border-color": "$ct-side-navigation-light-link-parent-border-color",
+    "ct-side-navigation-light-link-parent-active-color": "$ct-side-navigation-light-link-parent-color",
+    "ct-side-navigation-light-link-parent-active-stripe-background-color": "ct-color-light('highlight')",
+    "ct-side-navigation-light-link-child-background-color": "$ct-side-navigation-light-link-parent-background-color",
+    "ct-side-navigation-light-link-child-border-color": "$ct-side-navigation-light-link-parent-border-color",
+    "ct-side-navigation-light-link-child-color": "$ct-side-navigation-light-link-parent-color",
+    "ct-side-navigation-light-link-child-stripe-background-color": "$ct-side-navigation-light-link-parent-stripe-background-color",
+    "ct-side-navigation-light-link-child-hover-background-color": "$ct-side-navigation-light-link-parent-hover-background-color",
+    "ct-side-navigation-light-link-child-hover-border-color": "$ct-side-navigation-light-link-child-border-color",
+    "ct-side-navigation-light-link-child-hover-color": "$ct-side-navigation-light-link-child-color",
+    "ct-side-navigation-light-link-child-hover-stripe-background-color": "ct-color-light('highlight')",
+    "ct-side-navigation-light-link-child-active-background-color": "ct-color-light('background')",
+    "ct-side-navigation-light-link-child-active-border-color": "$ct-side-navigation-light-link-child-border-color",
+    "ct-side-navigation-light-link-child-active-color": "$ct-side-navigation-light-link-child-color",
+    "ct-side-navigation-light-link-child-active-stripe-background-color": "$ct-side-navigation-light-link-child-hover-stripe-background-color",
+    "ct-side-navigation-dark-title-color": "ct-color-dark('heading')",
+    "ct-side-navigation-dark-link-expanded-icon-color": "ct-color-dark('heading')",
+    "ct-side-navigation-dark-link-parent-background-color": "ct-color-dark('background-light')",
+    "ct-side-navigation-dark-link-parent-border-color": "ct-color-dark('interaction-text')",
+    "ct-side-navigation-dark-link-parent-color": "ct-color-dark('heading')",
+    "ct-side-navigation-dark-link-parent-stripe-background-color": "ct-color-dark('interaction-text')",
+    "ct-side-navigation-dark-link-parent-hover-background-color": "ct-color-dark('background-dark')",
+    "ct-side-navigation-dark-link-parent-hover-border-color": "$ct-side-navigation-dark-link-parent-border-color",
+    "ct-side-navigation-dark-link-parent-hover-color": "$ct-side-navigation-dark-link-parent-color",
+    "ct-side-navigation-dark-link-parent-hover-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-side-navigation-dark-link-parent-active-background-color": "ct-color-dark('background')",
+    "ct-side-navigation-dark-link-parent-active-border-color": "$ct-side-navigation-dark-link-parent-border-color",
+    "ct-side-navigation-dark-link-parent-active-color": "$ct-side-navigation-dark-link-parent-color",
+    "ct-side-navigation-dark-link-parent-active-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-side-navigation-dark-link-child-background-color": "$ct-side-navigation-dark-link-parent-background-color",
+    "ct-side-navigation-dark-link-child-border-color": "$ct-side-navigation-dark-link-parent-border-color",
+    "ct-side-navigation-dark-link-child-color": "$ct-side-navigation-dark-link-parent-color",
+    "ct-side-navigation-dark-link-child-stripe-background-color": "$ct-side-navigation-dark-link-parent-stripe-background-color",
+    "ct-side-navigation-dark-link-child-hover-background-color": "$ct-side-navigation-dark-link-parent-hover-background-color",
+    "ct-side-navigation-dark-link-child-hover-border-color": "$ct-side-navigation-dark-link-child-border-color",
+    "ct-side-navigation-dark-link-child-hover-color": "$ct-side-navigation-dark-link-child-color",
+    "ct-side-navigation-dark-link-child-hover-stripe-background-color": "ct-color-dark('highlight')",
+    "ct-side-navigation-dark-link-child-active-background-color": "ct-color-dark('background')",
+    "ct-side-navigation-dark-link-child-active-border-color": "$ct-side-navigation-dark-link-child-border-color",
+    "ct-side-navigation-dark-link-child-active-color": "$ct-side-navigation-dark-link-child-color",
+    "ct-side-navigation-dark-link-child-active-stripe-background-color": "$ct-side-navigation-dark-link-child-hover-stripe-background-color",
+    "ct-mobile-navigation-breakpoint": "$ct-header-desktop-menu-breakpoint",
+    "ct-mobile-navigation-light-panel-background-color": "ct-color-light('background-light')",
+    "ct-mobile-navigation-light-top-menu-background-color": "$ct-mobile-navigation-light-panel-background-color",
+    "ct-mobile-navigation-light-bottom-menu-background-color": "ct-color-light('background')",
+    "ct-mobile-navigation-light-menu-item-color": "ct-color-light('interaction-background')",
+    "ct-mobile-navigation-light-menu-item-hover-color": "$ct-mobile-navigation-light-menu-item-color",
+    "ct-mobile-navigation-light-menu-divider-border-color": "ct-color-light('border-light')",
+    "ct-mobile-navigation-light-subsection-heading-color": "ct-color-light('heading')",
+    "ct-mobile-navigation-light-subsection-heading-icon-color": "$ct-mobile-navigation-light-subsection-heading-color",
+    "ct-mobile-navigation-light-subsection-trigger-color": "ct-color-light('interaction-background')",
+    "ct-mobile-navigation-trigger-light-color": "ct-color-light('interaction-background')",
+    "ct-mobile-navigation-dark-panel-background-color": "ct-color-dark('background')",
+    "ct-mobile-navigation-dark-top-menu-background-color": "$ct-mobile-navigation-dark-panel-background-color",
+    "ct-mobile-navigation-dark-bottom-menu-background-color": "ct-color-dark('background-dark')",
+    "ct-mobile-navigation-dark-menu-item-color": "ct-color-dark('interaction-background')",
+    "ct-mobile-navigation-dark-menu-item-hover-color": "$ct-mobile-navigation-dark-menu-item-color",
+    "ct-mobile-navigation-dark-menu-divider-border-color": "ct-color-dark('border')",
+    "ct-mobile-navigation-dark-subsection-heading-color": "ct-color-dark('heading')",
+    "ct-mobile-navigation-dark-subsection-heading-icon-color": "$ct-mobile-navigation-dark-subsection-heading-color",
+    "ct-mobile-navigation-dark-subsection-trigger-color": "ct-color-dark('interaction-background')",
+    "ct-mobile-navigation-trigger-dark-color": "ct-color-dark('interaction-background')",
+    "ct-promo-light-background-color": "ct-color-light('background-light')",
+    "ct-promo-light-border-color": "ct-color-light('border-light')",
+    "ct-promo-dark-background-color": "ct-color-dark('background')",
+    "ct-promo-dark-border-color": "ct-color-dark('border')",
+    "ct-promo-space-horizontal": "ct-spacing(7)",
+    "ct-skip-link-light-background-color": "ct-color-light('background')",
+    "ct-skip-link-dark-background-color": "ct-color-dark('background')",
+    "ct-slider-border-radius": "$ct-border-radius",
+    "ct-slider-space-horizontal": "ct-spacing(7)",
+    "ct-slide-mobile-height": "ct-particle(35)",
+    "ct-slider-mobile-transition": "0.5s",
+    "ct-slider-desktop-transition": "1s",
+    "ct-slider-light-background-color": "ct-color-light('background-light')",
+    "ct-slider-light-slide-background-color": "ct-color-light('background')",
+    "ct-slider-dark-background-color": "ct-color-dark('background')",
+    "ct-slider-dark-slide-background-color": "ct-color-dark('background-dark')",
+    "ct-webform-light-background-color": "ct-color-light('background')",
+    "ct-webform-dark-background-color": "ct-color-dark('background')",
+    "ct-page-light-background-color": "ct-color-light('background-light')",
+    "ct-page-dark-background-color": "ct-color-dark('background-dark')"
+  }
+}