/* GENERATED from greenconnect-app/design/tokens/tokens.json by scripts/build-tokens.mjs — do not edit. source-sha256: 5aea2dd3744d1aa9d45b47c8a883e4bf0027b17539b81458d9cdc8f91527fbb9 */

:root {
  --md-ref-typeface-brand: "Roboto Flex", Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  --md-ref-typeface-plain: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --md-ref-typeface-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --md-sys-typescale-display-large: 400 57px/64px var(--md-ref-typeface-brand);
  --md-sys-typescale-display-large-tracking: -0.25px;
  --md-sys-typescale-display-medium: 400 45px/52px var(--md-ref-typeface-brand);
  --md-sys-typescale-display-medium-tracking: 0px;
  --md-sys-typescale-display-small: 400 36px/44px var(--md-ref-typeface-brand);
  --md-sys-typescale-display-small-tracking: 0px;
  --md-sys-typescale-headline-large: 400 32px/40px var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-large-tracking: 0px;
  --md-sys-typescale-headline-medium: 400 28px/36px var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-medium-tracking: 0px;
  --md-sys-typescale-headline-small: 400 24px/32px var(--md-ref-typeface-brand);
  --md-sys-typescale-headline-small-tracking: 0px;
  --md-sys-typescale-title-large: 400 22px/28px var(--md-ref-typeface-brand);
  --md-sys-typescale-title-large-tracking: 0px;
  --md-sys-typescale-title-medium: 500 16px/24px var(--md-ref-typeface-brand);
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-small: 500 14px/20px var(--md-ref-typeface-brand);
  --md-sys-typescale-title-small-tracking: 0.1px;
  --md-sys-typescale-body-large: 400 16px/24px var(--md-ref-typeface-brand);
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-medium: 400 14px/20px var(--md-ref-typeface-brand);
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-small: 400 12px/16px var(--md-ref-typeface-brand);
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-label-large: 500 14px/20px var(--md-ref-typeface-brand);
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-medium: 500 12px/16px var(--md-ref-typeface-brand);
  --md-sys-typescale-label-medium-tracking: 0.5px;
  --md-sys-typescale-label-small: 500 11px/16px var(--md-ref-typeface-brand);
  --md-sys-typescale-label-small-tracking: 0.5px;
  --md-sys-shape-corner-none: 0px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-full: 9999px;
  --md-sys-elevation-level-1: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px 1px rgb(0 0 0 / .15);
  --md-sys-elevation-level-2: 0 1px 2px rgb(0 0 0 / .3), 0 2px 6px 2px rgb(0 0 0 / .15);
  --md-sys-elevation-level-3: 0 1px 3px rgb(0 0 0 / .3), 0 4px 8px 3px rgb(0 0 0 / .15);
  --md-sys-elevation-level-4: 0 2px 3px rgb(0 0 0 / .3), 0 6px 10px 4px rgb(0 0 0 / .15);
  --md-sys-elevation-level-5: 0 4px 4px rgb(0 0 0 / .3), 0 8px 12px 6px rgb(0 0 0 / .15);
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --md-sys-motion-duration-short-1: 50ms;
  --md-sys-motion-duration-short-2: 100ms;
  --md-sys-motion-duration-short-3: 150ms;
  --md-sys-motion-duration-short-4: 200ms;
  --md-sys-motion-duration-medium-1: 250ms;
  --md-sys-motion-duration-medium-2: 300ms;
  --md-sys-motion-duration-medium-3: 350ms;
  --md-sys-motion-duration-medium-4: 400ms;
  --md-sys-motion-duration-long-1: 450ms;
  --md-sys-motion-duration-long-2: 500ms;
  --md-sys-motion-duration-long-3: 550ms;
  --md-sys-motion-duration-long-4: 600ms;
  --md-sys-motion-duration-extra-long-1: 700ms;
  --md-sys-motion-duration-extra-long-2: 800ms;
  --md-sys-motion-duration-extra-long-3: 900ms;
  --md-sys-motion-duration-extra-long-4: 1000ms;
  --md-sys-motion-distance: 1;
  --md-sys-state-hover-opacity: 0.08;
  --md-sys-state-focus-opacity: 0.1;
  --md-sys-state-pressed-opacity: 0.1;
  --md-sys-state-dragged-opacity: 0.16;
  --md-sys-state-disabled-container-opacity: 0.12;
  --md-sys-state-disabled-content-opacity: 0.38;
}

:root, :root[data-theme="light"] {
  color-scheme: light;
  --md-sys-color-primary: #346B10;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #6CA747;
  --md-sys-color-on-primary-container: #092100;
  --md-sys-color-primary-fixed: #B4F48A;
  --md-sys-color-primary-fixed-dim: #99D771;
  --md-sys-color-on-primary-fixed: #092100;
  --md-sys-color-on-primary-fixed-variant: #215100;
  --md-sys-color-secondary: #4D653D;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #CFEBB8;
  --md-sys-color-on-secondary-container: #0C2002;
  --md-sys-color-tertiary: #006B5E;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #00AB97;
  --md-sys-color-on-tertiary-container: #00201B;
  --md-sys-color-error: #BA1A1A;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #93000A;
  --md-sys-color-surface: #F8FBEF;
  --md-sys-color-on-surface: #191D16;
  --md-sys-color-surface-variant: #DEE5D2;
  --md-sys-color-on-surface-variant: #42493B;
  --md-sys-color-surface-dim: #D8DBD0;
  --md-sys-color-surface-bright: #F8FBEF;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F2F5E9;
  --md-sys-color-surface-container: #ECEFE3;
  --md-sys-color-surface-container-high: #E7E9DE;
  --md-sys-color-surface-container-highest: #E1E4D8;
  --md-sys-color-inverse-surface: #2E322A;
  --md-sys-color-inverse-on-surface: #EFF2E6;
  --md-sys-color-inverse-primary: #99D771;
  --md-sys-color-outline: #727A6A;
  --md-sys-color-outline-variant: #C1C9B7;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #346B10;
  --md-sys-color-chat-bubble-out: #D8F0C3;
  --md-sys-color-on-chat-bubble-out: #0E2004;
  --md-sys-color-chat-bubble-in: #FFFFFF;
  --md-sys-color-chat-wallpaper: #ECEFE3;
  --md-sys-color-info: #006491;
  --md-sys-color-on-info: #FFFFFF;
  --md-sys-color-info-container: #C9E6FF;
  --md-sys-color-on-info-container: #001E2F;
  --md-sys-color-warning: #775A00;
  --md-sys-color-on-warning: #FFFFFF;
  --md-sys-color-warning-container: #FFDF99;
  --md-sys-color-on-warning-container: #251A00;
  --md-sys-color-tick-read: #006491;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #99D771;
  --md-sys-color-on-primary: #153800;
  --md-sys-color-primary-container: #6CA747;
  --md-sys-color-on-primary-container: #092100;
  --md-sys-color-primary-fixed: #B4F48A;
  --md-sys-color-primary-fixed-dim: #99D771;
  --md-sys-color-on-primary-fixed: #092100;
  --md-sys-color-on-primary-fixed-variant: #215100;
  --md-sys-color-secondary: #B4CF9E;
  --md-sys-color-on-secondary: #213613;
  --md-sys-color-secondary-container: #364D27;
  --md-sys-color-on-secondary-container: #CFEBB8;
  --md-sys-color-tertiary: #57DBC5;
  --md-sys-color-on-tertiary: #003730;
  --md-sys-color-tertiary-container: #00AB97;
  --md-sys-color-on-tertiary-container: #00201B;
  --md-sys-color-error: #FFB4AB;
  --md-sys-color-on-error: #690005;
  --md-sys-color-error-container: #93000A;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-surface: #11140E;
  --md-sys-color-on-surface: #E1E4D8;
  --md-sys-color-surface-variant: #42493B;
  --md-sys-color-on-surface-variant: #C1C9B7;
  --md-sys-color-surface-dim: #11140E;
  --md-sys-color-surface-bright: #373A32;
  --md-sys-color-surface-container-lowest: #0C0F09;
  --md-sys-color-surface-container-low: #191D16;
  --md-sys-color-surface-container: #1D2119;
  --md-sys-color-surface-container-high: #272B24;
  --md-sys-color-surface-container-highest: #32362E;
  --md-sys-color-inverse-surface: #E1E4D8;
  --md-sys-color-inverse-on-surface: #2E322A;
  --md-sys-color-inverse-primary: #346B10;
  --md-sys-color-outline: #8C9382;
  --md-sys-color-outline-variant: #42493B;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #99D771;
  --md-sys-color-chat-bubble-out: #2E4121;
  --md-sys-color-on-chat-bubble-out: #D2EABD;
  --md-sys-color-chat-bubble-in: #272B24;
  --md-sys-color-chat-wallpaper: #0C0F09;
  --md-sys-color-info: #8ACEFF;
  --md-sys-color-on-info: #00344E;
  --md-sys-color-info-container: #004C6E;
  --md-sys-color-on-info-container: #C9E6FF;
  --md-sys-color-warning: #F4BF2A;
  --md-sys-color-on-warning: #3F2E00;
  --md-sys-color-warning-container: #5A4300;
  --md-sys-color-on-warning-container: #FFDF99;
  --md-sys-color-tick-read: #8ACEFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-sys-color-primary: #99D771;
    --md-sys-color-on-primary: #153800;
    --md-sys-color-primary-container: #6CA747;
    --md-sys-color-on-primary-container: #092100;
    --md-sys-color-primary-fixed: #B4F48A;
    --md-sys-color-primary-fixed-dim: #99D771;
    --md-sys-color-on-primary-fixed: #092100;
    --md-sys-color-on-primary-fixed-variant: #215100;
    --md-sys-color-secondary: #B4CF9E;
    --md-sys-color-on-secondary: #213613;
    --md-sys-color-secondary-container: #364D27;
    --md-sys-color-on-secondary-container: #CFEBB8;
    --md-sys-color-tertiary: #57DBC5;
    --md-sys-color-on-tertiary: #003730;
    --md-sys-color-tertiary-container: #00AB97;
    --md-sys-color-on-tertiary-container: #00201B;
    --md-sys-color-error: #FFB4AB;
    --md-sys-color-on-error: #690005;
    --md-sys-color-error-container: #93000A;
    --md-sys-color-on-error-container: #FFDAD6;
    --md-sys-color-surface: #11140E;
    --md-sys-color-on-surface: #E1E4D8;
    --md-sys-color-surface-variant: #42493B;
    --md-sys-color-on-surface-variant: #C1C9B7;
    --md-sys-color-surface-dim: #11140E;
    --md-sys-color-surface-bright: #373A32;
    --md-sys-color-surface-container-lowest: #0C0F09;
    --md-sys-color-surface-container-low: #191D16;
    --md-sys-color-surface-container: #1D2119;
    --md-sys-color-surface-container-high: #272B24;
    --md-sys-color-surface-container-highest: #32362E;
    --md-sys-color-inverse-surface: #E1E4D8;
    --md-sys-color-inverse-on-surface: #2E322A;
    --md-sys-color-inverse-primary: #346B10;
    --md-sys-color-outline: #8C9382;
    --md-sys-color-outline-variant: #42493B;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #99D771;
    --md-sys-color-chat-bubble-out: #2E4121;
    --md-sys-color-on-chat-bubble-out: #D2EABD;
    --md-sys-color-chat-bubble-in: #272B24;
    --md-sys-color-chat-wallpaper: #0C0F09;
    --md-sys-color-info: #8ACEFF;
    --md-sys-color-on-info: #00344E;
    --md-sys-color-info-container: #004C6E;
    --md-sys-color-on-info-container: #C9E6FF;
    --md-sys-color-warning: #F4BF2A;
    --md-sys-color-on-warning: #3F2E00;
    --md-sys-color-warning-container: #5A4300;
    --md-sys-color-on-warning-container: #FFDF99;
    --md-sys-color-tick-read: #8ACEFF;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --md-sys-motion-distance: 0; }
}