@import url("../aura-medium-v1/styles.css");

:root {
  --md-primary: #2f6f2f;
  --md-on-primary: #ffffff;
  --md-primary-container: #b8f2b6;
  --md-on-primary-container: #002106;
  --md-secondary: #56624f;
  --md-secondary-container: #dae8ce;
  --md-tertiary: #3f6f3d;
  --md-surface: #f8fff3;
  --md-surface-container: #eef6e8;
  --md-surface-container-high: #e3ebdd;
  --md-on-surface: #191d17;
  --md-on-surface-variant: #44483f;
  --md-outline: #74796f;
  --md-outline-variant: #c4c8bd;
  --md-shadow: rgba(24, 86, 22, 0.16);
  --accent: var(--md-primary);
  --accent-container: var(--md-primary-container);
  --on-accent-container: var(--md-on-primary-container);
}

body.litert,
body.gguf,
body.bf16 {
  --accent: #2f6f2f;
  --accent-container: #b8f2b6;
  --on-accent-container: #002106;
}

@media (prefers-color-scheme: dark) {
  :root {
    --md-primary: #9bd893;
    --md-on-primary: #00390d;
    --md-primary-container: #175119;
    --md-on-primary-container: #b8f2b6;
    --md-secondary: #becbad;
    --md-secondary-container: #3f4a38;
    --md-tertiary: #a7d99f;
    --md-surface: #11140f;
    --md-surface-container: #1d211a;
    --md-surface-container-high: #282c24;
    --md-on-surface: #e2e4dc;
    --md-on-surface-variant: #c4c8bd;
    --md-outline: #8e9388;
    --md-outline-variant: #44483f;
    --md-shadow: rgba(0, 0, 0, 0.44);
    --accent: var(--md-primary);
    --accent-container: var(--md-primary-container);
    --on-accent-container: var(--md-on-primary-container);
  }

  body.litert,
  body.gguf,
  body.bf16 {
    --accent: #9bd893;
    --accent-container: #175119;
    --on-accent-container: #b8f2b6;
  }
}