/* Generated from tokens/tokens.json. Do not edit by hand. */
:root {
  /* Primitive color tokens */
  --ds-color-green-10: #002111;
  --ds-color-green-20: #123526;
  --ds-color-green-30: #224b38;
  --ds-color-green-40: #315c48;
  --ds-color-green-80: #9bd5b4;
  --ds-color-green-90: #b7f0cd;
  --ds-color-blue-40: #32628d;
  --ds-color-blue-90: #cfe5ff;
  --ds-color-blue-100: #001d33;
  --ds-color-yellow-40: #6f5d00;
  --ds-color-yellow-90: #ffe16a;
  --ds-color-yellow-100: #211b00;
  --ds-color-red-40: #ba1a1a;
  --ds-color-red-90: #ffdad6;
  --ds-color-red-100: #410002;
  --ds-color-neutral-0: #000000;
  --ds-color-neutral-10: #191c1a;
  --ds-color-neutral-20: #2e312f;
  --ds-color-neutral-40: #5e625f;
  --ds-color-neutral-80: #c4c7c3;
  --ds-color-neutral-90: #e0e3df;
  --ds-color-neutral-95: #eff1ed;
  --ds-color-neutral-98: #f8faf6;
  --ds-color-neutral-100: #ffffff;
  --ds-color-secondary-40: #4d6357;
  --ds-color-secondary-90: #d0e8d8;
  --ds-color-secondary-100: #0a1f16;
  --ds-color-success-40: #246b45;
  --ds-color-surface-low: #f2f4f0;
  --ds-color-surface: #eceeeb;
  --ds-color-surface-high: #e6e9e5;
  --ds-color-outline: #747a75;
  --ds-color-outline-variant: #c3cac2;
  --ds-color-white: #ffffff;

  /* Primitive spacing tokens */
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;
  --ds-space-16: 64px;

  /* Primitive radius tokens */
  --ds-radius-extra-small: 4px;
  --ds-radius-small: 8px;
  --ds-radius-medium: 12px;
  --ds-radius-large: 16px;
  --ds-radius-extra-large: 28px;
  --ds-radius-full: 999px;

  /* Semantic / Material 3 color tokens */
  --md-sys-color-primary: var(--ds-color-green-40);
  --md-sys-color-on-primary: var(--ds-color-white);
  --md-sys-color-primary-container: var(--ds-color-green-90);
  --md-sys-color-on-primary-container: var(--ds-color-green-10);
  --md-sys-color-secondary: var(--ds-color-secondary-40);
  --md-sys-color-on-secondary: var(--ds-color-white);
  --md-sys-color-secondary-container: var(--ds-color-secondary-90);
  --md-sys-color-on-secondary-container: var(--ds-color-secondary-100);
  --md-sys-color-tertiary: var(--ds-color-blue-40);
  --md-sys-color-on-tertiary: var(--ds-color-white);
  --md-sys-color-tertiary-container: var(--ds-color-blue-90);
  --md-sys-color-on-tertiary-container: var(--ds-color-blue-100);
  --md-sys-color-background: var(--ds-color-neutral-98);
  --md-sys-color-on-background: var(--ds-color-neutral-10);
  --md-sys-color-surface: var(--ds-color-neutral-98);
  --md-sys-color-on-surface: var(--ds-color-neutral-10);
  --md-sys-color-surface-container-lowest: var(--ds-color-white);
  --md-sys-color-surface-container-low: var(--ds-color-surface-low);
  --md-sys-color-surface-container: var(--ds-color-surface);
  --md-sys-color-surface-container-high: var(--ds-color-surface-high);
  --md-sys-color-outline: var(--ds-color-outline);
  --md-sys-color-outline-variant: var(--ds-color-outline-variant);
  --md-sys-color-error: var(--ds-color-red-40);
  --md-sys-color-on-error: var(--ds-color-white);
  --md-sys-color-error-container: var(--ds-color-red-90);
  --md-sys-color-on-error-container: var(--ds-color-red-100);
  --md-sys-color-warning: var(--ds-color-yellow-40);
  --md-sys-color-on-warning: var(--ds-color-white);
  --md-sys-color-warning-container: var(--ds-color-yellow-90);
  --md-sys-color-on-warning-container: var(--ds-color-yellow-100);
  --md-sys-color-success: var(--ds-color-success-40);
  --md-sys-color-on-success: var(--ds-color-white);
  --md-sys-color-info: var(--ds-color-blue-40);
  --md-sys-color-on-info: var(--ds-color-white);

  /* Shape tokens */
  --md-sys-shape-corner-extra-small: var(--ds-radius-extra-small);
  --md-sys-shape-corner-small: var(--ds-radius-small);
  --md-sys-shape-corner-medium: var(--ds-radius-medium);
  --md-sys-shape-corner-large: var(--ds-radius-large);
  --md-sys-shape-corner-extra-large: var(--ds-radius-extra-large);
  --md-sys-shape-corner-full: var(--ds-radius-full);

  /* Spacing and layout tokens */
  --ds-appbar-height: 64px;
  --ds-sidebar-width: 280px;
  --ds-content-max-width: 1440px;
  --ds-section-gap: var(--ds-space-6);
  --ds-touch-target: 48px;
  --ds-breakpoint-mobile: 480px;
  --ds-breakpoint-tablet: 768px;
  --ds-breakpoint-desktop: 1024px;

  /* Typography tokens */
  --md-sys-typescale-display-small-size: 36px;
  --md-sys-typescale-display-small-line-height: 44px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-medium-size: 12px;
  --md-sys-typescale-label-medium-line-height: 16px;

  /* Elevation tokens */
  --md-sys-elevation-level0: none;
  --md-sys-elevation-level1: 0 1px 2px rgb(0 0 0 / 8%);
  --md-sys-elevation-level2: 0 2px 6px rgb(0 0 0 / 12%);
  --md-sys-elevation-level3: 0 4px 12px rgb(0 0 0 / 14%);

  /* Component tokens */
  --ds-card-radius: var(--ds-radius-large);
  --ds-card-padding: var(--ds-space-6);
  --ds-card-gap: var(--ds-space-4);
  --ds-button-height: 48px;
  --ds-button-radius: var(--ds-radius-full);
  --ds-input-height: 48px;
  --ds-focus-ring: 0 0 0 3px rgb(49 92 72 / 28%);
  --ds-font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}