/* Auto-generated by Imani DS build - DO NOT EDIT */
:root {
  --color-brand-tunic-green: #00CA00;
  --color-brand-fence-green: #073C2B;
  --color-brand-aqua-bliss: #B8E0D9;
  --color-brand-cloud-bleach: #F2F2F2;
  --color-brand-black-feather: #101C23;
  --color-brand-white: #FFFFFF;
  --color-brand-alpha-tunic-green50: rgba(0, 202, 0, 0.5);
  --color-brand-alpha-tunic-green30: rgba(0, 202, 0, 0.3);
  --color-brand-alpha-tunic-green12: rgba(0, 202, 0, 0.12);
  --color-brand-alpha-fence-green90: rgba(7, 60, 43, 0.9);
  --color-brand-alpha-fence-green72: rgba(7, 60, 43, 0.72);
  --color-brand-alpha-fence-green12: rgba(7, 60, 43, 0.12);
  --color-brand-alpha-white14: rgba(255, 255, 255, 0.14);
  --color-brand-alpha-white10: rgba(255, 255, 255, 0.1);
  --color-text-light-primary: #101C23;
  --color-text-light-heading: #073C2B;
  --color-text-light-secondary: rgba(16, 28, 35, 0.72);
  --color-text-light-muted: rgba(16, 28, 35, 0.56);
  --color-text-light-inverse: #FFFFFF;
  --color-text-dark-primary: oklch(0.98 0.005 165);
  --color-text-dark-heading: oklch(0.98 0.005 165);
  --color-text-dark-secondary: oklch(0.82 0.015 165);
  --color-text-dark-muted: oklch(0.72 0.02 165);
  --color-text-dark-accent: #B8E0D9;
  --color-surface-page: #FFFFFF;
  --color-surface-page-alt: #F2F2F2;
  --color-surface-page-warm: #FAFCF8;
  --color-surface-card: #FFFFFF;
  --color-surface-card-alt: #F2F2F2;
  --color-surface-brand-dark: oklch(0.16 0.02 175);
  --color-surface-brand-dark-raised: oklch(0.20 0.03 165);
  --color-surface-brand-dark-elevated: oklch(0.24 0.04 165);
  --color-surface-brand-vivid: #00CA00;
  --color-surface-brand-soft: #B8E0D9;
  --color-surface-popover: #FFFFFF;
  --color-surface-popover-dark: oklch(0.20 0.03 165);
  --color-border-subtle: #DCE6E2;
  --color-border-strong: #073C2B;
  --color-border-brand: #00CA00;
  --color-border-inverse: rgba(255, 255, 255, 0.14);
  --color-state-success: #168A4A;
  --color-state-success-surface: #DDF7E7;
  --color-state-success-dark: oklch(0.78 0.27 142);
  --color-state-info: #197C86;
  --color-state-info-surface: #DDF4F2;
  --color-state-info-dark: oklch(0.65 0.10 180);
  --color-state-warning: #9A6100;
  --color-state-warning-surface: #FFF2CF;
  --color-state-warning-dark: oklch(0.82 0.16 85);
  --color-state-danger: #B8322A;
  --color-state-danger-surface: #FBE3DF;
  --color-state-danger-dark: oklch(0.65 0.22 27);
  --color-state-focus: #B8E0D9;
  --color-chart-primary: oklch(0.78 0.27 142);
  --color-chart-secondary: oklch(0.88 0.05 175);
  --color-chart-accent: oklch(0.65 0.10 180);
  --color-chart-cool: oklch(0.55 0.13 200);
  --color-chart-warning: oklch(0.82 0.16 85);
  --color-chart-success-deep: oklch(0.55 0.20 142);
  --color-chart-danger: oklch(0.70 0.22 30);
  --color-chart-indigo: oklch(0.55 0.07 240);
  --color-chart-neutral: #586B63;
  --color-chart-grid: #DCE6E2;
  --font-family-display: "Agency", "Quicksand", system-ui, sans-serif;
  --font-family-body: "DM Sans", system-ui, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-caption: 12px;
  --font-size-body-sm: 14px;
  --font-size-body: 16px;
  --font-size-subtitle: 22px;
  --font-size-h3: 28px;
  --font-size-h2: 44px;
  --font-size-h1: 64px;
  --font-size-display-lg: 96px;
  --font-size-display-xl: 160px;
  --font-line-height-caption: 1.4;
  --font-line-height-body-sm: 1.5;
  --font-line-height-body: 1.55;
  --font-line-height-subtitle: 1.3;
  --font-line-height-h3: 1.25;
  --font-line-height-h2: 1.15;
  --font-line-height-h1: 1.1;
  --font-line-height-display-lg: 1.05;
  --font-line-height-display-xl: 0.95;
  --font-letter-spacing-default: 0;
  --type-role-display-xl-font-family: "Agency", "Quicksand", system-ui, sans-serif;
  --type-role-display-xl-font-size: 160px;
  --type-role-display-xl-font-weight: 700;
  --type-role-display-xl-line-height: 0.95;
  --type-role-display-xl-letter-spacing: 0;
  --type-role-display-lg-font-family: "Agency", "Quicksand", system-ui, sans-serif;
  --type-role-display-lg-font-size: 96px;
  --type-role-display-lg-font-weight: 700;
  --type-role-display-lg-line-height: 1.05;
  --type-role-display-lg-letter-spacing: 0;
  --type-role-h1-font-family: "Agency", "Quicksand", system-ui, sans-serif;
  --type-role-h1-font-size: 64px;
  --type-role-h1-font-weight: 700;
  --type-role-h1-line-height: 1.1;
  --type-role-h1-letter-spacing: 0;
  --type-role-h2-font-family: "Agency", "Quicksand", system-ui, sans-serif;
  --type-role-h2-font-size: 44px;
  --type-role-h2-font-weight: 700;
  --type-role-h2-line-height: 1.15;
  --type-role-h2-letter-spacing: 0;
  --type-role-h3-font-family: "DM Sans", system-ui, sans-serif;
  --type-role-h3-font-size: 28px;
  --type-role-h3-font-weight: 700;
  --type-role-h3-line-height: 1.25;
  --type-role-h3-letter-spacing: 0;
  --type-role-body-font-family: "DM Sans", system-ui, sans-serif;
  --type-role-body-font-size: 16px;
  --type-role-body-font-weight: 400;
  --type-role-body-line-height: 1.55;
  --type-role-body-letter-spacing: 0;
  --type-role-label-font-family: "DM Sans", system-ui, sans-serif;
  --type-role-label-font-size: 14px;
  --type-role-label-font-weight: 500;
  --type-role-label-line-height: 1.5;
  --type-role-label-letter-spacing: 0;
  --spacing-0: 0;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-8: 48px;
  --spacing-10: 64px;
  --spacing-12: 96px;
  --spacing-16: 128px;
  --spacing-base: 4px;
  --spacing-page-margin-desktop: 64px;
  --spacing-page-margin-mobile: 24px;
  --spacing-gutter-desktop: 24px;
  --spacing-gutter-mobile: 16px;
  --spacing-reading-width: 560px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(7, 60, 43, 0.06);
  --shadow-md: 0 6px 18px rgba(7, 60, 43, 0.10);
  --shadow-lg: 0 18px 48px rgba(7, 60, 43, 0.16);
  --shadow-focus: 0 0 0 3px rgba(184, 224, 217, 0.7);
  --shadow-focus-strong: 0 0 0 4px rgba(184, 224, 217, 0.85);
  --component-button-height-compact: 36px;
  --component-button-height-default: 44px;
  --component-button-height-hero: 56px;
  --component-button-padding-x-compact: 16px;
  --component-button-padding-x-default: 24px;
  --component-button-padding-x-hero: 32px;
  --component-button-radius: 12px;
  --component-button-font-family: "DM Sans", system-ui, sans-serif;
  --component-button-font-size: 16px;
  --component-button-font-weight: 500;
  --component-button-primary-bg: #00CA00;
  --component-button-primary-text: #FFFFFF;
  --component-button-primary-hover: #00BE00;
  --component-button-primary-active: #00B200;
  --component-button-secondary-bg: #073C2B;
  --component-button-secondary-text: #FFFFFF;
  --component-button-outline-border: #073C2B;
  --component-button-outline-text: #073C2B;
  --component-button-inverse-bg: #FFFFFF;
  --component-button-inverse-text: #073C2B;
  --component-input-height: 44px;
  --component-input-radius: 12px;
  --component-input-border-width: 1.5px;
  --component-input-border: #DCE6E2;
  --component-input-focus-border: #00CA00;
  --component-input-focus-ring: #B8E0D9;
  --component-input-background: #FFFFFF;
  --component-input-text: #101C23;
  --component-input-placeholder: rgba(16, 28, 35, 0.56);
  --component-card-background: #FFFFFF;
  --component-card-background-alt: #F2F2F2;
  --component-card-radius: 20px;
  --component-card-padding: 32px;
  --component-card-gap: 16px;
  --component-card-border: #DCE6E2;
  --component-card-promo-accent-height: 4px;
  --component-badge-height: 24px;
  --component-badge-radius: 999px;
  --component-badge-padding-x: 12px;
  --component-badge-font-size: 12px;
  --component-badge-font-weight: 500;
  --component-tabs-list-bg: #F2F2F2;
  --component-tabs-trigger-height: 36px;
  --component-tabs-trigger-radius: 12px;
  --component-tabs-active-bg: #FFFFFF;
  --component-tabs-active-text: #073C2B;
  --component-table-row-height: 48px;
  --component-table-header-text: rgba(16, 28, 35, 0.72);
  --component-table-border: #DCE6E2;
  --component-overlay-dialog-bg: #FFFFFF;
  --component-overlay-dialog-dark-bg: oklch(0.20 0.03 165);
  --component-overlay-radius: 20px;
  --component-overlay-shadow: 0 18px 48px rgba(7, 60, 43, 0.16);
  --component-overlay-backdrop: rgba(7, 60, 43, 0.32);
  --component-focus-ring-width: 3px;
  --component-focus-ring-color: #B8E0D9;
  --component-control-height-compact: 36px;
  --component-control-height-default: 44px;
  --component-control-height-large: 56px;
  --component-control-radius: 12px;
  --component-control-label-font-size: 14px;
  --component-control-label-font-weight: 500;
  --component-control-selected-bg: #00CA00;
  --component-control-selected-text: #FFFFFF;
  --component-control-track-bg: #F2F2F2;
  --component-control-track-active-bg: #00CA00;
  --component-control-thumb-bg: #FFFFFF;
  --component-navigation-item-height: 40px;
  --component-navigation-item-radius: 12px;
  --component-navigation-item-active-bg: #B8E0D9;
  --component-navigation-item-active-text: #073C2B;
  --component-navigation-item-muted-text: rgba(16, 28, 35, 0.72);
  --component-navigation-bar-bg: #FFFFFF;
  --component-navigation-bar-border: #DCE6E2;
  --component-sidebar-width: 280px;
  --component-sidebar-collapsed-width: 56px;
  --component-sidebar-background: #F2F2F2;
  --component-sidebar-dark-background: oklch(0.20 0.03 165);
  --component-sidebar-border: #DCE6E2;
  --component-chart-primary: oklch(0.78 0.27 142);
  --component-chart-secondary: oklch(0.88 0.05 175);
  --component-chart-accent: oklch(0.65 0.10 180);
  --component-chart-grid: #DCE6E2;
  --component-chart-bar-radius: 6px;
  --component-empty-media-size: 48px;
  --component-empty-title-color: #073C2B;
  --component-empty-description-color: rgba(16, 28, 35, 0.72);
  --component-empty-surface: #F2F2F2;
  --component-layout-marketing-columns: 12;
  --component-layout-product-columns: 8;
  --component-layout-card-grid-min: 280px;
  --component-layout-section-padding-desktop: 96px;
  --component-layout-section-padding-mobile: 48px;
}