/* M3 colour roles for agent-talks, from the seed Lagoon teal #00838F (README, "Material Design 3").
   Scheme: tonal spot (Material Theme Builder's default), light and dark. Generated once on
   2026-09-30 with Google's @material/material-color-utilities 0.4.0 (Apache-2.0), run outside the
   build; nothing of it is in the repo but this file. Do not edit by hand: regenerate. */
:root {
  color-scheme: light dark;
  --md-sys-color-primary: #006972;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #9DF0FB;
  --md-sys-color-on-primary-container: #004F56;
  --md-sys-color-inverse-primary: #81D3DF;
  --md-sys-color-secondary: #4A6366;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #CDE7EB;
  --md-sys-color-on-secondary-container: #324B4E;
  --md-sys-color-tertiary: #515E7D;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #D9E2FF;
  --md-sys-color-on-tertiary-container: #3A4664;
  --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-background: #F5FAFB;
  --md-sys-color-on-background: #171D1E;
  --md-sys-color-surface: #F5FAFB;
  --md-sys-color-on-surface: #171D1E;
  --md-sys-color-surface-variant: #DBE4E6;
  --md-sys-color-on-surface-variant: #3F484A;
  --md-sys-color-surface-dim: #D5DBDC;
  --md-sys-color-surface-bright: #F5FAFB;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #EFF5F5;
  --md-sys-color-surface-container: #E9EFF0;
  --md-sys-color-surface-container-high: #E3E9EA;
  --md-sys-color-surface-container-highest: #DEE4E4;
  --md-sys-color-inverse-surface: #2B3132;
  --md-sys-color-inverse-on-surface: #ECF2F3;
  --md-sys-color-outline: #6F797A;
  --md-sys-color-outline-variant: #BEC8CA;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #006972;
}

@media (prefers-color-scheme: dark) {
  :root {
    --md-sys-color-primary: #81D3DF;
    --md-sys-color-on-primary: #00363C;
    --md-sys-color-primary-container: #004F56;
    --md-sys-color-on-primary-container: #9DF0FB;
    --md-sys-color-inverse-primary: #006972;
    --md-sys-color-secondary: #B1CBCF;
    --md-sys-color-on-secondary: #1C3437;
    --md-sys-color-secondary-container: #324B4E;
    --md-sys-color-on-secondary-container: #CDE7EB;
    --md-sys-color-tertiary: #B9C6EA;
    --md-sys-color-on-tertiary: #23304D;
    --md-sys-color-tertiary-container: #3A4664;
    --md-sys-color-on-tertiary-container: #D9E2FF;
    --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-background: #0E1415;
    --md-sys-color-on-background: #DEE4E4;
    --md-sys-color-surface: #0E1415;
    --md-sys-color-on-surface: #DEE4E4;
    --md-sys-color-surface-variant: #3F484A;
    --md-sys-color-on-surface-variant: #BEC8CA;
    --md-sys-color-surface-dim: #0E1415;
    --md-sys-color-surface-bright: #343A3B;
    --md-sys-color-surface-container-lowest: #090F10;
    --md-sys-color-surface-container-low: #171D1E;
    --md-sys-color-surface-container: #1B2122;
    --md-sys-color-surface-container-high: #252B2C;
    --md-sys-color-surface-container-highest: #303637;
    --md-sys-color-inverse-surface: #DEE4E4;
    --md-sys-color-inverse-on-surface: #2B3132;
    --md-sys-color-outline: #899294;
    --md-sys-color-outline-variant: #3F484A;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-surface-tint: #81D3DF;
  }
}