:root {
  --trotty-lime: #9FD820;
  --trotty-green: #7FB314;
  --trotty-black: #101312;
  --trotty-red: #E2483F;
  --trotty-gray: #6B707A;
  --trotty-light: #F5F7F3;
  --app-background: #F5F5F3;
  --app-surface: #FFFFFF;
  --app-surfaceMuted: #EFF0EC;
  --app-photo: #F2F2EF;
  --app-ink: #161917;
  --app-inkMuted: #7A7F86;
  --app-accent: #7FB314;
  --app-accentSoft: #EFF6DF;
  --app-onAccent: #101312;
  --app-accentInk: #4E7008;
  --app-danger: #B3261E;
  --app-sale: #E8452E;
  --app-hairline: #E6E9E3;
  --app-pastel-1: #DDEFC4;
  --app-pastel-2: #FFF1D6;
  --app-pastel-3: #E3ECFA;
  --app-pastel-4: #FDE2E2;
  --app-pastel-5: #F1E6FA;
  --app-pastel-6: #E0F2EE;
  --app-pastel-7: #FCE9D4;
}

@media (prefers-color-scheme: dark) {
  :root {
    --app-background: #0E100F;
    --app-surface: #191C1A;
    --app-surfaceMuted: #22261F;
    --app-photo: #2A2E28;
    --app-ink: #F2F5EF;
    --app-inkMuted: #A3AA9F;
    --app-accent: #9FD820;
    --app-accentSoft: #29301A;
    --app-onAccent: #101312;
    --app-accentInk: #9FD820;
    --app-danger: #E0685F;
    --app-sale: #FF6B57;
    --app-hairline: #2C312B;
    --app-pastel-1: #2C3A1C;
    --app-pastel-2: #3A3220;
    --app-pastel-3: #22303F;
    --app-pastel-4: #3E2626;
    --app-pastel-5: #332840;
    --app-pastel-6: #1F3531;
    --app-pastel-7: #3C2E20;
  }
}