@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");
:root {
  --color-primitives-green-100: #d4f7ef;
  --color-primitives-green-200: #a9efe0;
  --color-primitives-green-300: #75e1cb;
  --color-primitives-green-400: #45d0b4;
  --color-primitives-green-500: #00b894;
  --color-primitives-green-600: #009f7f;
  --color-primitives-green-700: #00785f;
  --color-primitives-green-800: #005443;
  --color-primitives-blue-100: #e5f1fd;
  --color-primitives-blue-200: #c7e2fa;
  --color-primitives-blue-300: #98cbf5;
  --color-primitives-blue-400: #6fb3ef;
  --color-primitives-blue-500: #0984e3;
  --color-primitives-blue-600: #076ab4;
  --color-primitives-blue-700: #054f85;
  --color-primitives-blue-800: #00365a;
  --color-primitives-purple-100: #f3efff;
  --color-primitives-purple-200: #e3d8fd;
  --color-primitives-purple-300: #c7bcfa;
  --color-primitives-purple-400: #a79bf4;
  --color-primitives-purple-500: #6c5ce7;
  --color-primitives-purple-600: #5246b5;
  --color-primitives-purple-700: #3a3385;
  --color-primitives-purple-800: #262255;
  --color-primitives-yellow-100: #fff7e3;
  --color-primitives-yellow-200: #ffeab8;
  --color-primitives-yellow-300: #fddc8d;
  --color-primitives-yellow-400: #fdcb6e;
  --color-primitives-yellow-500: #fdb833;
  --color-primitives-yellow-600: #f0a500;
  --color-primitives-yellow-700: #e09100;
  --color-primitives-yellow-800: #c97c00;
  --color-primitives-orange-100: #fff3e8;
  --color-primitives-orange-200: #fedcc0;
  --color-primitives-orange-300: #f8bc8d;
  --color-primitives-orange-400: #f39a58;
  --color-primitives-orange-500: #e66a11;
  --color-primitives-orange-600: #c85a0e;
  --color-primitives-orange-700: #9f460c;
  --color-primitives-orange-800: #74300a;
  --color-primitives-red-100: #fcebed;
  --color-primitives-red-200: #f9d3d7;
  --color-primitives-red-300: #f1a9b1;
  --color-primitives-red-400: #e77882;
  --color-primitives-red-500: #cd2e3a;
  --color-primitives-red-600: #b0242e;
  --color-primitives-red-700: #861a23;
  --color-primitives-red-800: #621319;
  --color-primitives-neutral-0: #ffffff;
  --color-primitives-neutral-100: #f5f7f9;
  --color-primitives-neutral-200: #eceff3;
  --color-primitives-neutral-300: #d9dee5;
  --color-primitives-neutral-400: #c2cad3;
  --color-primitives-neutral-500: #9aa6b2;
  --color-primitives-neutral-600: #647382;
  --color-primitives-neutral-700: #354052;
  --color-primitives-neutral-800: #1f2933;
  --typography-font-family-base: Inter;
  --typography-font-size-xxs: 10px;
  --typography-font-size-xs: 12px;
  --typography-font-size-s: 14px;
  --typography-font-size-m: 16px;
  --typography-font-size-l: 20px;
  --typography-font-size-xl: 24px;
  --typography-font-size-xxl: 28px;
  --typography-font-size-xxxl: 32px;
  --typography-font-weight-regular: 400;
  --typography-font-weight-medium: 500;
  --typography-font-weight-semi-bold: 600;
  --typography-line-height-xxs: 16px;
  --typography-line-height-s: 20px;
  --typography-line-height-m: 24px;
  --typography-line-height-l: 28px;
  --typography-line-height-xl: 32px;
  --typography-letter-spacing-none: 0px;
  --typography-letter-spacing-tight: 0.10000000149011612px;
  --typography-letter-spacing-normal: 0.15000000596046448px;
  --typography-letter-spacing-wide: 0.5px;
  --layout-radius-none: 0px;
  --layout-radius-xs: 4px;
  --layout-radius-s: 8px;
  --layout-radius-m: 16px;
  --layout-radius-l: 24px;
  --layout-radius-xl: 32px;
  --layout-radius-full: 9999px;
  --layout-space-xxs: 4px;
  --layout-space-xs: 8px;
  --layout-space-s: 16px;
  --layout-space-m: 24px;
  --layout-space-l: 32px;
  --layout-space-xl: 40px;
  --layout-space-xxl: 48px;
  --layout-size-button-s: 32px;
  --layout-size-button-m: 40px;
  --layout-size-button-l: 44px;
  --layout-border-none: 0px;
  --layout-border-default: 1px;
  --layout-border-strong: 2px;
  --elevation-light-low: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.04);
  --elevation-light-medium: 0px 4px 8px -1px rgba(0, 0, 0, 0.06), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
  --elevation-light-high: 0px 12px 24px -6px rgba(0, 0, 0, 0.18), 0px 6px 12px -4px rgba(0, 0, 0, 0.1);
  --elevation-dark-low: 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 1px 0px rgba(255, 255, 255, 0.04);
  --elevation-dark-medium: 0px 6px 12px -2px rgba(0, 0, 0, 0.55), 0px 2px 4px 0px rgba(255, 255, 255, 0.06);
  --elevation-dark-high: 0px 16px 32px -6px rgba(0, 0, 0, 0.7), 0px 4px 8px 0px rgba(255, 255, 255, 0.08);
  --text-primary: #1f2933;
  --text-secondary: #354052;
  --text-tertiary: #647382;
  --text-disabled: #c2cad3;
  --text-inverse: #ffffff;
  --text-on-status: #ffffff;
  --bg-app-shell: #1f2933;
  --bg-canvas: #ffffff;
  --bg-surface: #eceff3;
  --bg-surface-raised: #d9dee5;
  --bg-surface-hover: #f5f7f9;
  --bg-surface-selected: #d4f7ef;
  --bg-inverse: #1f2933;
  --bg-overlay: rgba(0, 0, 0, 0.48);
  --border-subtle: #d9dee5;
  --border-default: #c2cad3;
  --border-strong: #9aa6b2;
  --border-inverse: #ffffff;
  --action-primary-default: #00785f;
  --action-primary-hover: #005443;
  --action-primary-active: #009f7f;
  --action-primary-disabled: #d9dee5;
  --action-on-action-primary: #ffffff;
  --action-secondary-default: #00785f;
  --action-secondary-hover: #005443;
  --action-secondary-active: #009f7f;
  --action-secondary-disabled: #d9dee5;
  --action-on-action-secondary: #00785f;
  --focus-ring: #0984e3;
  --selection-surface: #d4f7ef;
  --selection-text: #00785f;
  --selection-border: #45d0b4;
  --feedback-success-surface: #d4f7ef;
  --feedback-success-text: #00785f;
  --feedback-success-border: #45d0b4;
  --feedback-warning-surface: #fff7e3;
  --feedback-warning-text: #e09100;
  --feedback-warning-border: #fdcb6e;
  --feedback-danger-surface: #fcebed;
  --feedback-danger-text: #861a23;
  --feedback-danger-border: #e77882;
  --feedback-info-surface: #eceff3;
  --feedback-info-text: #354052;
  --feedback-info-border: #c2cad3;
  --status-success-surface: #d4f7ef;
  --status-success-surface-hover: #a9efe0;
  --status-success-border: #45d0b4;
  --status-success-text: #00785f;
  --status-success-icon: #00785f;
  --status-success-surface-dark: rgba(0, 184, 148, 0.15);
  --status-success-border-dark: rgba(0, 184, 148, 0.35);
  --status-success-text-dark: #75e1cb;
  --status-warning-surface: #fff7e3;
  --status-warning-surface-hover: #ffeab8;
  --status-warning-border: #fdcb6e;
  --status-warning-text: #e09100;
  --status-warning-icon: #e09100;
  --status-danger-surface: #fcebed;
  --status-danger-surface-hover: #f9d3d7;
  --status-danger-border: #e77882;
  --status-danger-text: #861a23;
  --status-danger-icon: #861a23;
  --status-highlight-surface: #e5f1fd;
  --status-highlight-surface-hover: #c7e2fa;
  --status-highlight-border: #6fb3ef;
  --status-highlight-text: #054f85;
  --status-highlight-icon: #054f85;
  --status-ai-surface: #f3efff;
  --status-ai-surface-hover: #e3d8fd;
  --status-ai-border: #a79bf4;
  --status-ai-text: #3a3385;
  --status-ai-icon: #3a3385;
  --status-neutral-surface: #eceff3;
  --status-neutral-surface-hover: #d9dee5;
  --status-neutral-border: #c2cad3;
  --status-neutral-text: #354052;
  --status-neutral-icon: #354052;
  --icon-default: #354052;
  --icon-subtle: #647382;
  --icon-disabled: #c2cad3;
  --icon-on-action: #ffffff;
  --icon-inverse: #ffffff;
  --status-ai-gradient: linear-gradient(135deg, #6c5ce7, #00b894);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--typography-font-family-base);
}