/* Generated design tokens. Select a theme with data-theme. */
:root {
  color-scheme: light;
  --alignment-distribution-center: center;
  --alignment-distribution-end: end;
  --alignment-distribution-space-around: space-around;
  --alignment-distribution-space-between: space-between;
  --alignment-distribution-space-evenly: space-evenly;
  --alignment-distribution-start: start;
  --alignment-horizontal-center: center;
  --alignment-horizontal-end: end;
  --alignment-horizontal-start: start;
  --alignment-text-center: center;
  --alignment-text-end: end;
  --alignment-text-justify: justify;
  --alignment-text-start: start;
  --alignment-vertical-baseline: baseline;
  --alignment-vertical-center: center;
  --alignment-vertical-end: end;
  --alignment-vertical-start: start;
  --alignment-vertical-stretch: stretch;
  --border-control: 1px solid rgb(226 232 240);
  --border-control-color: rgb(226 232 240);
  --border-control-style: solid;
  --border-control-width: 1px;
  --border-none: 0px none rgb(0 0 0 / 0);
  --border-none-color: rgb(0 0 0 / 0);
  --border-none-style: none;
  --border-none-width: 0px;
  --color-background: var(--palette-neutral-n50);
  --color-border: var(--palette-neutral-n200);
  --color-brand: var(--palette-teal);
  --color-error: var(--palette-error);
  --color-info: var(--palette-info);
  --color-success: var(--palette-success);
  --color-surface: var(--palette-white);
  --color-surface-alt: var(--palette-neutral-n200);
  --color-text: var(--palette-charcoal);
  --color-text-muted: var(--palette-neutral-n400);
  --color-text-secondary: var(--palette-neutral-n700);
  --color-transparent: rgb(0 0 0 / 0);
  --color-warning: var(--palette-warning);
  --font-body: "Inter", sans-serif;
  --font-weight-body: 400;
  --font-weight-button: 600;
  --font-weight-display: 700;
  --font-weight-h1: 700;
  --font-weight-h2: 600;
  --font-weight-small: 400;
  --image-favicon: url("../img/favicon.ico");
  --image-logo: url("../img/brand/logo-light.svg");
  --image-menu-design: url("../img/menu/design.svg");
  --image-menu-discover: url("../img/menu/discover.svg");
  --image-menu-implement: url("../img/menu/implement.svg");
  --image-menu-operate: url("../img/menu/operate.svg");
  --layer-dropdown: 1000;
  --layer-modal: 1100;
  --layout-direction-column: column;
  --layout-direction-row: row;
  --layout-error-message-max-inline-size: 512px;
  --layout-error-message-min-inline-size: 320px;
  --layout-grow-fill: 1;
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 200ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --opacity-disabled: 0.5;
  --palette-charcoal: rgb(17 24 39);
  --palette-dark-cool-gray: rgb(115 115 115);
  --palette-dark-neutral-n200: rgb(176 176 176);
  --palette-dark-neutral-n400: rgb(128 128 128);
  --palette-dark-neutral-n50: rgb(242 242 242);
  --palette-dark-neutral-n700: rgb(74 74 74);
  --palette-dark-neutral-n900: rgb(23 23 23);
  --palette-dark-surface: rgb(32 32 32);
  --palette-error: rgb(239 68 68);
  --palette-info: rgb(59 130 246);
  --palette-neutral-n200: rgb(226 232 240);
  --palette-neutral-n400: rgb(148 163 184);
  --palette-neutral-n50: rgb(248 250 252);
  --palette-neutral-n700: rgb(51 65 85);
  --palette-neutral-n900: rgb(15 23 42);
  --palette-success: rgb(34 197 94);
  --palette-teal: rgb(15 118 110);
  --palette-warning: rgb(245 158 11);
  --palette-white: rgb(255 255 255);
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 4px;
  --radius-xl: 16px;
  --shadow-md: 0px 4px 12px 0px rgb(15 23 42 / 0.08);
  --shadow-sm: 0px 1px 2px 0px rgb(15 23 42 / 0.05);
  --space-four-xl: 64px;
  --space-lg: 16px;
  --space-md: 12px;
  --space-none: 0px;
  --space-sm: 8px;
  --space-three-xl: 48px;
  --space-two-xl: 32px;
  --space-xl: 24px;
  --space-xs: 4px;
  --typography-body-font-family: "Inter", sans-serif;
  --typography-body-font-size: 16px;
  --typography-body-font-weight: 400;
  --typography-body-letter-spacing: 0px;
  --typography-body-line-height: 1.5;
  --typography-button-font-family: "Inter", sans-serif;
  --typography-button-font-size: 14px;
  --typography-button-font-weight: 600;
  --typography-button-letter-spacing: 0px;
  --typography-button-line-height: 1.2;
  --typography-display-font-family: "Inter", sans-serif;
  --typography-display-font-size: 64px;
  --typography-display-font-weight: 700;
  --typography-display-letter-spacing: -1.5px;
  --typography-display-line-height: 1.2;
  --typography-h1-font-family: "Inter", sans-serif;
  --typography-h1-font-size: 48px;
  --typography-h1-font-weight: 700;
  --typography-h1-letter-spacing: -1.5px;
  --typography-h1-line-height: 1.2;
  --typography-h2-font-family: "Inter", sans-serif;
  --typography-h2-font-size: 32px;
  --typography-h2-font-weight: 600;
  --typography-h2-letter-spacing: 0px;
  --typography-h2-line-height: 1.2;
  --typography-small-font-family: "Inter", sans-serif;
  --typography-small-font-size: 14px;
  --typography-small-font-weight: 400;
  --typography-small-letter-spacing: 0px;
  --typography-small-line-height: 1.2;
}

[data-theme="dark"] {
  color-scheme: dark;
  --alignment-distribution-center: center;
  --alignment-distribution-end: end;
  --alignment-distribution-space-around: space-around;
  --alignment-distribution-space-between: space-between;
  --alignment-distribution-space-evenly: space-evenly;
  --alignment-distribution-start: start;
  --alignment-horizontal-center: center;
  --alignment-horizontal-end: end;
  --alignment-horizontal-start: start;
  --alignment-text-center: center;
  --alignment-text-end: end;
  --alignment-text-justify: justify;
  --alignment-text-start: start;
  --alignment-vertical-baseline: baseline;
  --alignment-vertical-center: center;
  --alignment-vertical-end: end;
  --alignment-vertical-start: start;
  --alignment-vertical-stretch: stretch;
  --border-control: 1px solid rgb(115 115 115);
  --border-control-color: rgb(115 115 115);
  --border-control-style: solid;
  --border-control-width: 1px;
  --border-none: 0px none rgb(0 0 0 / 0);
  --border-none-color: rgb(0 0 0 / 0);
  --border-none-style: none;
  --border-none-width: 0px;
  --color-background: var(--palette-dark-neutral-n900);
  --color-border: var(--palette-dark-cool-gray);
  --color-brand: var(--palette-teal);
  --color-error: var(--palette-error);
  --color-info: var(--palette-info);
  --color-success: var(--palette-success);
  --color-surface: var(--palette-dark-surface);
  --color-surface-alt: rgb(43 43 43);
  --color-text: var(--palette-dark-neutral-n50);
  --color-text-muted: var(--palette-dark-neutral-n400);
  --color-text-secondary: var(--palette-dark-neutral-n200);
  --color-transparent: rgb(0 0 0 / 0);
  --color-warning: var(--palette-warning);
  --font-body: "Inter", sans-serif;
  --font-weight-body: 400;
  --font-weight-button: 600;
  --font-weight-display: 700;
  --font-weight-h1: 700;
  --font-weight-h2: 600;
  --font-weight-small: 400;
  --image-favicon: url("../img/favicon.ico");
  --image-logo: url("../img/brand/logo-dark.svg");
  --image-menu-design: url("../img/menu/design-dark.svg");
  --image-menu-discover: url("../img/menu/discover-dark.svg");
  --image-menu-implement: url("../img/menu/implement-dark.svg");
  --image-menu-operate: url("../img/menu/operate-dark.svg");
  --layer-dropdown: 1000;
  --layer-modal: 1100;
  --layout-direction-column: column;
  --layout-direction-row: row;
  --layout-error-message-max-inline-size: 512px;
  --layout-error-message-min-inline-size: 320px;
  --layout-grow-fill: 1;
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 200ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --opacity-disabled: 0.5;
  --palette-charcoal: rgb(17 24 39);
  --palette-dark-cool-gray: rgb(115 115 115);
  --palette-dark-neutral-n200: rgb(176 176 176);
  --palette-dark-neutral-n400: rgb(128 128 128);
  --palette-dark-neutral-n50: rgb(242 242 242);
  --palette-dark-neutral-n700: rgb(74 74 74);
  --palette-dark-neutral-n900: rgb(23 23 23);
  --palette-dark-surface: rgb(32 32 32);
  --palette-error: rgb(239 68 68);
  --palette-info: rgb(59 130 246);
  --palette-neutral-n200: rgb(226 232 240);
  --palette-neutral-n400: rgb(148 163 184);
  --palette-neutral-n50: rgb(248 250 252);
  --palette-neutral-n700: rgb(51 65 85);
  --palette-neutral-n900: rgb(15 23 42);
  --palette-success: rgb(34 197 94);
  --palette-teal: rgb(15 118 110);
  --palette-warning: rgb(245 158 11);
  --palette-white: rgb(255 255 255);
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 4px;
  --radius-xl: 16px;
  --shadow-md: 0px 4px 12px 0px rgb(0 0 0 / 0.5);
  --shadow-sm: 0px 1px 2px 0px rgb(0 0 0 / 0.4);
  --space-four-xl: 64px;
  --space-lg: 16px;
  --space-md: 12px;
  --space-none: 0px;
  --space-sm: 8px;
  --space-three-xl: 48px;
  --space-two-xl: 32px;
  --space-xl: 24px;
  --space-xs: 4px;
  --typography-body-font-family: "Inter", sans-serif;
  --typography-body-font-size: 16px;
  --typography-body-font-weight: 400;
  --typography-body-letter-spacing: 0px;
  --typography-body-line-height: 1.5;
  --typography-button-font-family: "Inter", sans-serif;
  --typography-button-font-size: 14px;
  --typography-button-font-weight: 600;
  --typography-button-letter-spacing: 0px;
  --typography-button-line-height: 1.2;
  --typography-display-font-family: "Inter", sans-serif;
  --typography-display-font-size: 64px;
  --typography-display-font-weight: 700;
  --typography-display-letter-spacing: -1.5px;
  --typography-display-line-height: 1.2;
  --typography-h1-font-family: "Inter", sans-serif;
  --typography-h1-font-size: 48px;
  --typography-h1-font-weight: 700;
  --typography-h1-letter-spacing: -1.5px;
  --typography-h1-line-height: 1.2;
  --typography-h2-font-family: "Inter", sans-serif;
  --typography-h2-font-size: 32px;
  --typography-h2-font-weight: 600;
  --typography-h2-letter-spacing: 0px;
  --typography-h2-line-height: 1.2;
  --typography-small-font-family: "Inter", sans-serif;
  --typography-small-font-size: 14px;
  --typography-small-font-weight: 400;
  --typography-small-letter-spacing: 0px;
  --typography-small-line-height: 1.2;
}

[data-theme="light"] {
  color-scheme: light;
  --alignment-distribution-center: center;
  --alignment-distribution-end: end;
  --alignment-distribution-space-around: space-around;
  --alignment-distribution-space-between: space-between;
  --alignment-distribution-space-evenly: space-evenly;
  --alignment-distribution-start: start;
  --alignment-horizontal-center: center;
  --alignment-horizontal-end: end;
  --alignment-horizontal-start: start;
  --alignment-text-center: center;
  --alignment-text-end: end;
  --alignment-text-justify: justify;
  --alignment-text-start: start;
  --alignment-vertical-baseline: baseline;
  --alignment-vertical-center: center;
  --alignment-vertical-end: end;
  --alignment-vertical-start: start;
  --alignment-vertical-stretch: stretch;
  --border-control: 1px solid rgb(226 232 240);
  --border-control-color: rgb(226 232 240);
  --border-control-style: solid;
  --border-control-width: 1px;
  --border-none: 0px none rgb(0 0 0 / 0);
  --border-none-color: rgb(0 0 0 / 0);
  --border-none-style: none;
  --border-none-width: 0px;
  --color-background: var(--palette-neutral-n50);
  --color-border: var(--palette-neutral-n200);
  --color-brand: var(--palette-teal);
  --color-error: var(--palette-error);
  --color-info: var(--palette-info);
  --color-success: var(--palette-success);
  --color-surface: var(--palette-white);
  --color-surface-alt: var(--palette-neutral-n200);
  --color-text: var(--palette-charcoal);
  --color-text-muted: var(--palette-neutral-n400);
  --color-text-secondary: var(--palette-neutral-n700);
  --color-transparent: rgb(0 0 0 / 0);
  --color-warning: var(--palette-warning);
  --font-body: "Inter", sans-serif;
  --font-weight-body: 400;
  --font-weight-button: 600;
  --font-weight-display: 700;
  --font-weight-h1: 700;
  --font-weight-h2: 600;
  --font-weight-small: 400;
  --image-favicon: url("../img/favicon.ico");
  --image-logo: url("../img/brand/logo-light.svg");
  --image-menu-design: url("../img/menu/design.svg");
  --image-menu-discover: url("../img/menu/discover.svg");
  --image-menu-implement: url("../img/menu/implement.svg");
  --image-menu-operate: url("../img/menu/operate.svg");
  --layer-dropdown: 1000;
  --layer-modal: 1100;
  --layout-direction-column: column;
  --layout-direction-row: row;
  --layout-error-message-max-inline-size: 512px;
  --layout-error-message-min-inline-size: 320px;
  --layout-grow-fill: 1;
  --motion-duration-fast: 120ms;
  --motion-duration-normal: 200ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --opacity-disabled: 0.5;
  --palette-charcoal: rgb(17 24 39);
  --palette-dark-cool-gray: rgb(115 115 115);
  --palette-dark-neutral-n200: rgb(176 176 176);
  --palette-dark-neutral-n400: rgb(128 128 128);
  --palette-dark-neutral-n50: rgb(242 242 242);
  --palette-dark-neutral-n700: rgb(74 74 74);
  --palette-dark-neutral-n900: rgb(23 23 23);
  --palette-dark-surface: rgb(32 32 32);
  --palette-error: rgb(239 68 68);
  --palette-info: rgb(59 130 246);
  --palette-neutral-n200: rgb(226 232 240);
  --palette-neutral-n400: rgb(148 163 184);
  --palette-neutral-n50: rgb(248 250 252);
  --palette-neutral-n700: rgb(51 65 85);
  --palette-neutral-n900: rgb(15 23 42);
  --palette-success: rgb(34 197 94);
  --palette-teal: rgb(15 118 110);
  --palette-warning: rgb(245 158 11);
  --palette-white: rgb(255 255 255);
  --radius-full: 9999px;
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 4px;
  --radius-xl: 16px;
  --shadow-md: 0px 4px 12px 0px rgb(15 23 42 / 0.08);
  --shadow-sm: 0px 1px 2px 0px rgb(15 23 42 / 0.05);
  --space-four-xl: 64px;
  --space-lg: 16px;
  --space-md: 12px;
  --space-none: 0px;
  --space-sm: 8px;
  --space-three-xl: 48px;
  --space-two-xl: 32px;
  --space-xl: 24px;
  --space-xs: 4px;
  --typography-body-font-family: "Inter", sans-serif;
  --typography-body-font-size: 16px;
  --typography-body-font-weight: 400;
  --typography-body-letter-spacing: 0px;
  --typography-body-line-height: 1.5;
  --typography-button-font-family: "Inter", sans-serif;
  --typography-button-font-size: 14px;
  --typography-button-font-weight: 600;
  --typography-button-letter-spacing: 0px;
  --typography-button-line-height: 1.2;
  --typography-display-font-family: "Inter", sans-serif;
  --typography-display-font-size: 64px;
  --typography-display-font-weight: 700;
  --typography-display-letter-spacing: -1.5px;
  --typography-display-line-height: 1.2;
  --typography-h1-font-family: "Inter", sans-serif;
  --typography-h1-font-size: 48px;
  --typography-h1-font-weight: 700;
  --typography-h1-letter-spacing: -1.5px;
  --typography-h1-line-height: 1.2;
  --typography-h2-font-family: "Inter", sans-serif;
  --typography-h2-font-size: 32px;
  --typography-h2-font-weight: 600;
  --typography-h2-letter-spacing: 0px;
  --typography-h2-line-height: 1.2;
  --typography-small-font-family: "Inter", sans-serif;
  --typography-small-font-size: 14px;
  --typography-small-font-weight: 400;
  --typography-small-letter-spacing: 0px;
  --typography-small-line-height: 1.2;
}