/**
 * Do not edit directly, this file was auto-generated.
 */

:root, [data-theme="light"] {
  --exn-button-border-width: 0.0625rem; /** Button border width */
  --exn-color-dataviz-preliminary: rgba(255, 255, 255, 0.2); /** Preliminary overlay */
  --exn-focus-ring-style: solid; /** Focus ring outline style */
  --exn-input-border-width: 0.0625rem; /** Input border width */
  --exn-link-text-decoration: underline; /** Link text decoration. Applied as text-decoration CSS property. */
  --exn-ref-color-black: #000000; /** Pure black */
  --exn-ref-color-blue-100: #e5eef3; /** Blue 100 */
  --exn-ref-color-blue-200: #c6d6e0; /** Blue 200 */
  --exn-ref-color-blue-300: #a2bac8; /** Blue 300 */
  --exn-ref-color-blue-400: #7898ae; /** Blue 400 */
  --exn-ref-color-blue-500: #557a96; /** Blue 500 */
  --exn-ref-color-blue-600: #3a6480; /** Blue 600 */
  --exn-ref-color-blue-700: #2a4f6a; /** Blue 700 */
  --exn-ref-color-blue-800: #1e3a50; /** Blue 800 */
  --exn-ref-color-blue-900: #172a3a; /** Blue 900 */
  --exn-ref-color-gray-100: #f2f3f5; /** Gray 100 */
  --exn-ref-color-gray-200: #d6d9de; /** Gray 200 */
  --exn-ref-color-gray-300: #bcbfc5; /** Gray 300 */
  --exn-ref-color-gray-400: #a1a8b0; /** Gray 400 */
  --exn-ref-color-gray-500: #848c96; /** Gray 500 */
  --exn-ref-color-gray-600: #68707a; /** Gray 600 */
  --exn-ref-color-gray-700: #525760; /** Gray 700 */
  --exn-ref-color-gray-800: #393d45; /** Gray 800 */
  --exn-ref-color-gray-900: #23252a; /** Gray 900 */
  --exn-ref-color-green-100: #e3f4d3; /** Green 100 */
  --exn-ref-color-green-200: #c1e3a8; /** Green 200 */
  --exn-ref-color-green-300: #9ecf7e; /** Green 300 */
  --exn-ref-color-green-400: #7bbd5a; /** Green 400 */
  --exn-ref-color-green-500: #5ea642; /** Green 500 */
  --exn-ref-color-green-600: #3a8726; /** Green 600 */
  --exn-ref-color-green-700: #2a6b18; /** Green 700 */
  --exn-ref-color-green-800: #1c4f0e; /** Green 800 */
  --exn-ref-color-green-900: #0f2e07; /** Green 900 */
  --exn-ref-color-orange-100: #fff4dc; /** Orange 100 */
  --exn-ref-color-orange-200: #ffe5b3; /** Orange 200 */
  --exn-ref-color-orange-300: #ffd480; /** Orange 300 */
  --exn-ref-color-orange-400: #ffc240; /** Orange 400 */
  --exn-ref-color-orange-500: #ffab00; /** Orange 500 — primary brand orange */
  --exn-ref-color-orange-600: #d47800; /** Orange 600 */
  --exn-ref-color-orange-700: #a85c00; /** Orange 700 */
  --exn-ref-color-orange-800: #7a4400; /** Orange 800 */
  --exn-ref-color-orange-900: #4a2800; /** Orange 900 */
  --exn-ref-color-pink-100: #fddef4; /** Pink 100 */
  --exn-ref-color-pink-200: #f5a3df; /** Pink 200 */
  --exn-ref-color-pink-300: #f085d5; /** Pink 300 */
  --exn-ref-color-pink-400: #e96ac9; /** Pink 400 */
  --exn-ref-color-pink-500: #e050bc; /** Pink 500 — primary brand pink */
  --exn-ref-color-pink-600: #d63bad; /** Pink 600 */
  --exn-ref-color-pink-700: #c4289e; /** Pink 700 */
  --exn-ref-color-pink-800: #a81c88; /** Pink 800 */
  --exn-ref-color-pink-900: #7a1262; /** Pink 900 */
  --exn-ref-color-red-100: #fdeeed; /** Red 100 */
  --exn-ref-color-red-200: #f8cece; /** Red 200 */
  --exn-ref-color-red-300: #f2a4a4; /** Red 300 */
  --exn-ref-color-red-400: #ea7878; /** Red 400 */
  --exn-ref-color-red-500: #e15050; /** Red 500 */
  --exn-ref-color-red-600: #c23838; /** Red 600 */
  --exn-ref-color-red-700: #9b2323; /** Red 700 */
  --exn-ref-color-red-800: #6b1414; /** Red 800 */
  --exn-ref-color-red-900: #3d0a0a; /** Red 900 */
  --exn-ref-color-teal-100: #e2f8f5; /** Teal 100 */
  --exn-ref-color-teal-200: #beeee8; /** Teal 200 */
  --exn-ref-color-teal-300: #8dddd2; /** Teal 300 */
  --exn-ref-color-teal-400: #58c9b8; /** Teal 400 */
  --exn-ref-color-teal-500: #2bb3a0; /** Teal 500 — primary brand teal */
  --exn-ref-color-teal-600: #14977f; /** Teal 600 */
  --exn-ref-color-teal-700: #007769; /** Teal 700 */
  --exn-ref-color-teal-800: #024d42; /** Teal 800 */
  --exn-ref-color-teal-900: #023830; /** Teal 900 */
  --exn-ref-color-transparent: rgba(0, 0, 0, 0); /** Transparent */
  --exn-ref-color-white: #ffffff; /** Pure white */
  --exn-ref-size-16: 1rem; /** 16px */
  --exn-ref-size-2: 0.125rem; /** 25px */
  --exn-ref-size-24: 1.5rem; /** 24px */
  --exn-ref-size-32: 2rem; /** 32px */
  --exn-ref-size-4: 0.25rem; /** 4px */
  --exn-ref-size-40: 2.5rem; /** 40px */
  --exn-ref-size-48: 3rem; /** 48px */
  --exn-ref-size-64: 4rem; /** 64px */
  --exn-ref-size-8: 0.5rem; /** 8px */
  --exn-ref-size-80: 5rem; /** 80px */
  --exn-ref-typography-font-family-system: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /** System font family */
  --exn-shadow-2xl: 0px 12px 24px 0px rgb(14.5% 16.1% 18% / 0.15), 0px 0px 1px 0px rgb(14.5% 16.1% 18% / 0.3); /** 2xl shadow */
  --exn-shadow-lg: 0px 4px 12px 0px rgb(14.5% 16.1% 18% / 0.15), 0px 0px 1px 0px rgb(14.5% 16.1% 18% / 0.3); /** lg shadow */
  --exn-shadow-md: 0px 0px 8px 0px rgb(14.5% 16.1% 18% / 0.15), 0px 0px 1px 0px rgb(14.5% 16.1% 18% / 0.3); /** md shadow */
  --exn-shadow-sm: 0px 1px 1px 0px rgb(14.5% 16.1% 18% / 0.25), 0px 0px 1px 0px rgb(14.5% 16.1% 18% / 0.3); /** sm shadow */
  --exn-shadow-xl: 0px 4px 16px 0px rgb(14.5% 16.1% 18% / 0.15), 0px 0px 1px 0px rgb(14.5% 16.1% 18% / 0.3); /** xl shadow */
  --exn-typography-font-size-2xl: 1.5rem; /** 2xl font size */
  --exn-typography-font-size-2xs: 0.625rem; /** 2xs font size */
  --exn-typography-font-size-3xl: 1.75rem; /** 3xl font size */
  --exn-typography-font-size-4xl: 1.875rem; /** 4xl font size */
  --exn-typography-font-size-5xl: 2.5rem; /** 5xl font size */
  --exn-typography-font-size-lg: 1.125rem; /** lg font size */
  --exn-typography-font-size-md: 1rem; /** md font size */
  --exn-typography-font-size-sm: 0.875rem; /** sm font size */
  --exn-typography-font-size-xl: 1.25rem; /** xl font size */
  --exn-typography-font-size-xs: 0.75rem; /** xs font size */
  --exn-typography-font-weight-bold: 600; /** Bold font weight */
  --exn-typography-font-weight-light: 300; /** Light font weight */
  --exn-typography-font-weight-regular: 400; /** Regular font weight */
  --exn-typography-line-height-lg: 1.8; /** lg line height */
  --exn-typography-line-height-md: 1.5; /** md line height */
  --exn-typography-line-height-sm: 1.2; /** sm line height */
  --exn-z-index-0: 0; /** Base z-index layer ) */
  --exn-z-index-1: 100; /** Z-index layer 1 */
  --exn-z-index-2: 200; /** Z-index layer 2 */
  --exn-z-index-3: 300; /** Z-index layer 3 */
  --exn-z-index-4: 400; /** Z-index layer 4 */
  --exn-z-index-5: 500; /** Z-index layer 5 */
  --exn-button-color-border: var(--exn-ref-color-transparent); /** Button border color */
  --exn-button-color-text: var(--exn-ref-color-gray-100); /** Button text/icon color */
  --exn-button-color-text-hover: var(--exn-ref-color-white); /** Button text/icon color on hover */
  --exn-color-background: var(--exn-ref-color-gray-100); /** Default background color */
  --exn-color-background-strong: var(--exn-ref-color-gray-200); /** Strong background color */
  --exn-color-background-subtle: var(--exn-ref-color-white); /** Subtle background color */
  --exn-color-border: var(--exn-ref-color-gray-200); /** Default border color */
  --exn-color-border-strong: var(--exn-ref-color-gray-400); /** Strong border color */
  --exn-color-border-subtle: var(--exn-ref-color-gray-100); /** Weak border color */
  --exn-color-dataviz-consumption: var(--exn-ref-color-teal-500); /** Consumption */
  --exn-color-dataviz-consumption-community: var(--exn-ref-color-teal-500); /** Community consumption */
  --exn-color-dataviz-consumption-grid: var(--exn-ref-color-blue-300); /** Grid consumption */
  --exn-color-dataviz-consumption-self: var(--exn-ref-color-teal-700); /** Self consumption */
  --exn-color-dataviz-negative: var(--exn-ref-color-red-500); /** Negative color (eg. Traffic light & guages) */
  --exn-color-dataviz-neutral: var(--exn-ref-color-orange-500); /** Neutral color (eg. Traffic light & guages) */
  --exn-color-dataviz-positive: var(--exn-ref-color-green-500); /** Positive color (eg. Traffic light & guages) */
  --exn-color-dataviz-preliminary-bg: var(--exn-ref-color-gray-600); /** Preliminary data legend background */
  --exn-color-dataviz-production: var(--exn-ref-color-orange-500); /** Production */
  --exn-color-dataviz-production-community: var(--exn-ref-color-orange-500); /** Community production */
  --exn-color-dataviz-production-grid: var(--exn-ref-color-blue-200); /** Grid production */
  --exn-color-dataviz-production-self: var(--exn-ref-color-orange-600); /** Self production */
  --exn-color-dataviz-sum: var(--exn-ref-color-pink-500); /** Sum / total / price */
  --exn-color-error: var(--exn-ref-color-red-500); /** Error / danger color */
  --exn-color-info: var(--exn-ref-color-blue-500); /** Informational / neutral color */
  --exn-color-primary: var(--exn-ref-color-teal-500); /** Primary brand color */
  --exn-color-primary-strong: var(--exn-ref-color-teal-600); /** Primary strong */
  --exn-color-primary-subtle: var(--exn-ref-color-teal-300); /** Primary subtle */
  --exn-color-secondary: var(--exn-ref-color-pink-500); /** Secondary brand color */
  --exn-color-secondary-strong: var(--exn-ref-color-pink-600); /** Secondary strong */
  --exn-color-secondary-subtle: var(--exn-ref-color-pink-300); /** Secondary subtle */
  --exn-color-success: var(--exn-ref-color-green-500); /** Success / confirmation color */
  --exn-color-text: var(--exn-ref-color-gray-900); /** Default text color */
  --exn-color-text-strong: var(--exn-ref-color-black); /** Strong text color */
  --exn-color-text-subtle: var(--exn-ref-color-gray-600); /** Weak text color */
  --exn-color-warning: var(--exn-ref-color-orange-500); /** Warning / caution color */
  --exn-focus-ring-offset: var(--exn-ref-size-2); /** Focus ring outline offset from element edge */
  --exn-focus-ring-width: var(--exn-ref-size-2); /** Focus ring outline width */
  --exn-radius-2xl: var(--exn-ref-size-80); /** 2xl border radius */
  --exn-radius-lg: var(--exn-ref-size-24); /** lg border radius */
  --exn-radius-md: var(--exn-ref-size-16); /** md border radius */
  --exn-radius-sm: var(--exn-ref-size-8); /** sm border radius */
  --exn-radius-xl: var(--exn-ref-size-32); /** xl border radius */
  --exn-radius-xs: var(--exn-ref-size-4); /** xs border radius */
  --exn-ref-typography-font-family-figtree: Figtree, var(--exn-ref-typography-font-family-system); /** Figtree - Exnaton brand font */
  --exn-ref-typography-font-family-inter: Inter, var(--exn-ref-typography-font-family-system); /** Inter */
  --exn-ref-typography-font-family-roboto: Roboto, var(--exn-ref-typography-font-family-system); /** Roboto */
  --exn-spacing-2xl: var(--exn-ref-size-48); /** 2xl spacing */
  --exn-spacing-2xs: var(--exn-ref-size-4); /** 2xs spacing */
  --exn-spacing-3xl: var(--exn-ref-size-64); /** 3xl spacing */
  --exn-spacing-4xl: var(--exn-ref-size-80); /** 4xl spacing */
  --exn-spacing-lg: var(--exn-ref-size-32); /** lg spacing */
  --exn-spacing-md: var(--exn-ref-size-24); /** md spacing */
  --exn-spacing-sm: var(--exn-ref-size-16); /** sm spacing */
  --exn-spacing-xl: var(--exn-ref-size-40); /** xl spacing */
  --exn-spacing-xs: var(--exn-ref-size-8); /** xs spacing */
  --exn-button-border-radius: var(--exn-radius-xs); /** Button border radius */
  --exn-button-color-background: var(--exn-color-primary); /** Button background color */
  --exn-button-color-background-hover: var(--exn-color-primary-strong); /** Button background color on hover */
  --exn-button-color-border-hover: var(--exn-button-color-border); /** Button border color on hover */
  --exn-button-color-text-active: var(--exn-button-color-text-hover); /** Button text/icon color on active/press */
  --exn-button-gap: var(--exn-spacing-xs); /** Gap between button icon and label text */
  --exn-button-padding-block: var(--exn-spacing-xs); /** Button vertical padding */
  --exn-button-padding-inline: var(--exn-spacing-sm); /** Button horizontal padding */
  --exn-focus-ring-color: var(--exn-color-text-strong); /** Focus ring outline color */
  --exn-input-border-radius: var(--exn-radius-xs); /** Input border radius */
  --exn-input-padding-block: var(--exn-spacing-xs); /** Input vertical padding */
  --exn-input-padding-inline: var(--exn-spacing-sm); /** Input horizontal padding */
  --exn-link-active-color: var(--exn-color-primary-strong); /** Link active/press text color. */
  --exn-link-color: var(--exn-color-primary); /** Link text color. Uses primary brand color. */
  --exn-link-hover-color: var(--exn-color-primary-strong); /** Link hover/focus text color. Uses primary strong for contrast. */
  --exn-typography-font-family-body: var(--exn-ref-typography-font-family-figtree); /** Body font family */
  --exn-button-color-background-active: var(--exn-button-color-background-hover); /** Button background color on active/press */
  --exn-button-color-border-active: var(--exn-button-color-border-hover); /** Button border color on active/press */
  --exn-typography-body: var(--exn-typography-font-weight-regular) var(--exn-typography-font-size-md)/var(--exn-typography-line-height-md) var(--exn-typography-font-family-body); /** Body default */
  --exn-typography-body-sm: var(--exn-typography-font-weight-regular) var(--exn-typography-font-size-sm)/var(--exn-typography-line-height-md) var(--exn-typography-font-family-body); /** Body small */
  --exn-typography-font-family-heading: var(--exn-typography-font-family-body); /** Heading font family */
  --exn-typography-meta: var(--exn-typography-font-weight-regular) var(--exn-typography-font-size-xs)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-body); /** Meta */
  --exn-typography-h1: var(--exn-typography-font-weight-bold) var(--exn-typography-font-size-5xl)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-heading); /** Heading 1 */
  --exn-typography-h2: var(--exn-typography-font-weight-bold) var(--exn-typography-font-size-4xl)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-heading); /** Heading 2 */
  --exn-typography-h3: var(--exn-typography-font-weight-bold) var(--exn-typography-font-size-2xl)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-heading); /** Heading 3 */
  --exn-typography-h4: var(--exn-typography-font-weight-bold) var(--exn-typography-font-size-xl)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-heading); /** Heading 4 */
  --exn-typography-h5: var(--exn-typography-font-weight-bold) var(--exn-typography-font-size-lg)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-heading); /** Heading 5 */
  --exn-typography-h6: var(--exn-typography-font-weight-bold) var(--exn-typography-font-size-md)/var(--exn-typography-line-height-sm) var(--exn-typography-font-family-heading); /** Heading 6 */
}